Ajax跨域訪問-搜索框制作（http://www.xianlaiwan.cn/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;
????});
});
Ajax跨域訪問-搜索框制作（http://www.xianlaiwan.cn/learn/21）
微積分2016
2016-07-26 15:45:25
