百度搜索联想词前端逻辑

主要流程：

1.输入关键词

2.网页调用浏览器中的XmlHttpRequest对象，对后台发起请求

3.后台返回若干个联想词的JSON串

4.网页中的JavaScript解析JSON串，并将解析出的字符串插入网页的DOM中

5.重新渲染页面，在当前页面展示联想词下拉列表框

补充说明：

DOM是文档对象模型，定义了网页的结构，由</html></body>等标签组成。JavaScript可以通过操作DOM动态地操作整个网页。以上描述的只让部分页面刷新的技术叫AJAX（Asynchronous JavaScript And XML），即异步拉取数据展示于当前页面。这对需要延迟加载数据和触发式加载数据的页面有很大益处。