Ajax跨域訪問(wèn)-搜索框制作(http://idcbgp.cn/learn/21)1. 跨域解決辦法:加了這個(gè)網(wǎng)址(http://cors.itxti.net/?)2.list 中沒(méi)有獲取到內(nèi)容???list.innerHTML=html;3. 控制臺(tái)報(bào)錯(cuò)//?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)
};
//?觸發(fā)鍵盤事件
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;
????});
});
Ajax跨域訪問(wèn)-搜索框制作(http://idcbgp.cn/learn/21)
微積分2016
2016-07-26 15:45:25