Ajax跨域访问-搜索框制作（http://www.imooc.com/learn/21）1. 跨域解决办法：加了这个网址（http://cors.itxti.net/?）2.list 中没有获取到内容？？？list.innerHTML=html;3. 控制台报错// Ajax
var addAjax=function (method,_url,callBack) {
var xhr=null;
if (window.XMLHttpRequest) {
xhr=new XMLHttpRequest();
}
else {
xhr=new ActiveXObject("Msxml2.XMLHTTP");
}
addHandler(xhr,'readystatechange',function () {
if (xhr.readyState==4 && xhr.status==200) {
callBack(JSON.parse(xhr.responseText));
//console.log(xhr.responseText);
}
});
xhr.open(method,_url,true); // true 为 异步
xhr.send(null); // send(string)
};
// 触发键盘事件
addHandler(search,'keyup',function () {
var txt=search.value;
var html="";
var url='api.bing.com/qsonhs.aspx?q=';
var cors='http://cors.itxti.net/?';
console.log(cors+url+txt);
addAjax('get',cors+url+txt,function (d) {
var d=d.AS.Results[0].Suggests;
for (var i=0,len=d.length;i<len;i++) {
html+="<li>"+d[i].Txt+"</li>";
}
list.innerHTML=html;
});
});
添加回答
举报
0/150
提交
取消