开发者学堂课程【Ajax 前端开发入门与实战:百度提示词案例】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/595/detail/8547
百度提示词案例
目录:
一、百度提示词
二、创建 baidu_sug.html 在里面进行修改
三、查询 java
一、百度提示词
地址:
https://sp0.baid.comlsa1Fazu8AA54nxGko9WTAnF6hhylsu
作用描述:
获取百度提示词
请求类型:
Get 请求
参数:
wd:关键字
cb:回调函数名称
返回数据格式:
jsonp 格式
二、创建 baidu_sug.html 在里面进行修改
编写代码如下:
<script type="text/javascript">
window.onload = function()i
var btn = document.querySelector( " #btn");btn.onclick = function(){
var keywordValue = document.querySelector( "tkeyword").value;console.log( keywordValue);
var script = document.createElement("script" );
script.src = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9MTAnF6hhy/su?wd="+keywordvalue+"&cb=haha";
window[ "haha"] = function(data){
var liTag = "";
for(var i=o;i<data.s.length;i++){
var temp = data.s[i];
I
liTag += "<li>"+temp+"</li>";
上
var ulTag = document.querySelector("ul");ulTag.innerHTML = liTag;
};
var head = document.querySelector( "head");head.appendChild(script);
};
决定地址所访问的内容的方法回调叫什么名称
"https://sp0.baidu.com/5a1Fazu8AA54nxGko9MTAnF6hhy/su?wd="+keywordvalue+"&cb=haha";
在 window 当中增加一个交 haha 的方法
window[ "haha"] = function(data){
由 pqs 组成的一个数据s是一个数组
haha q :"java " .
p:false,
s:.[" java 培训"," java 教程" " javasorit , ja a 环境变里设置 " *java api 1.7 中文' " janae" , ja ' java nap', java 编程思想' jarascript教程');
三、查询 java
提示20行有错误
改成:var temp = data.s[ i];
再次修改
查询 tianqi 就会发现有天气的介绍