jsonp实现跨域到百度

小练习:
首先创建一个HTML文件
< html>
< head>
< meta charset=“UTF-8”>
< title>
</ head>
< body>

 <input type="text"  id="btn" placeholder="请输入内容"/>
<ul id="ul">
    
</ul>
	

</body>
<script type="text/javascript">

//获取文本框和ul
var oneIpt = document.getElementById(“btn”);
var ul = document.getElementById(“ul”);
//jsonp实现跨域
var mScript = document.createElement(“script”);
//给定要跨域的地址 赋值给srcipt
mScript.src = ‘https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=’+this.value+’&cb=successFun’;//
// 将组合好的带src的mscript标签追加到body里
document.body.appendChild(mScript);
//删除 mscript
document.body.removeChild(mScript);
}
function successFun(data) {
console.log(data);
//清空原来的数据
ul.innerHTML = “”;
//生成新的li
var arr = data.s;
for (var i = 0;i < arr.length;i++) {
//创建li
var newLi = document.createElement(“li”);
//设置li中的内容
newLi.innerHTML = arr[i];

	ul.appendChild(newLi);
}
 }

</script>
 </html>