秋 君当作磐石，妾当作蒲苇 蒲苇纫如丝，磐石无转移

Jsonp 百度搜索demo 

<body>
		<input type="text" name="keywords" id="keywords" value="" />
		<ul id="oul">
		</ul>
	</body>
	<script type="text/javascript">
		var tv=document.getElementById("keywords");
		var oul=document.getElementById("oul");
		tv.onkeyup = function(){
		//如果有输入内容的时候，就生产一个script标签获取数据
			if( tv.value != ''){
				var oScript = document.createElement("script");
				oScript.src = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=" + this.value + "&cb=myNeed";    
				document.body.appendChild(oScript);
				document.body.removeChild(oScript);
			}else{
				oUl.style.display="none";
			}
		}
		
		function myNeed(data){
			var x=oul.childNodes;
			for (var i = 0; i < x.length; i++) {
				x[i].parentNode.removeChild(x[i]);
			}
			if (data.s.length<=0)
			{
				oul.style.display="none";
			}else
			{
				oul.style.display="block";
				for (var i = 0; i < data.s.length; i++)
				{
					var lx=document.createElement("li");
					var lxa=document.createElement("a");
					lxa.innerText=data.s[i];
					lxa.href="http://www.baidu.com/s?wd="+data.s[i]+"";
					lx.appendChild(lxa);
					oul.appendChild(lx);
				}
			}
				console.log(data.s);
			}

	</script>

　　

posted @ 2017-08-14 15:54  ShawnMinh  阅读(100)  评论(0)    收藏  举报