zoukankan html css js c++ java

ajax之百度应用实例

<input type="text" id="inp"/>
		<ul id="wdList">
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
		</ul>

<script type="text/javascript">
//			https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=aa&cb=jQuery1102048553532222285867_1456368977799
			var oInp = document.getElementById("inp");
			var body = document.getElementsByTagName("body")[0];
			var wdList = document.getElementById("wdList").getElementsByTagName("a");
			window.onkeyup = function(){
				createScript();
			}
			function createScript(){
				var oScript = document.createElement("script");
				oScript.src = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+oInp.value+"&cb=jh";	
				body.appendChild(oScript);
				body.removeChild(oScript);
			}
    //这里用参数接受回调函数 所有有形参json
			function jh(json){
				for(var i=0;i<wdList.length;i++){
					wdList[i].innerHTML = json.s[i];
					wdList[i].onclick = function(){
						oInp.value = this.innerHTML;
						console.log(oInp.value)
						window.location.href = "https://www.baidu.com/s?wd="+oInp.value;
						return false;
					}
				}
			}
		</script>

　　借用百度的数据！

自动创建 dom

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="inp"/>
		<ul id="wdList">
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
		</ul>
		<script type="text/javascript">
//			https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=aa&cb=jQuery1102048553532222285867_1456368977799
			var oInp = document.getElementById("inp");
			var body = document.getElementsByTagName("body")[0];
			var wdList = document.getElementById("wdList").getElementsByTagName("a");
			window.onkeyup = function(){
				createScript();
			}
			function createScript(){
				var oScript = document.createElement("script");
				oScript.src = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+oInp.value+"&cb=syz";	
				body.appendChild(oScript);
				body.removeChild(oScript);
			}
			function syz(json){
				for(var i=0;i<wdList.length;i++){
					wdList[i].innerHTML = json.s[i];
					wdList[i].onclick = function(){
						oInp.value = this.innerHTML;
						console.log(oInp.value)
						window.location.href = "https://www.baidu.com/s?wd="+oInp.value;
						return false;
					}
				}
			}
		</script>
	</body>
</html>

查看全文

相关阅读:
python 学习常见问题笔记
 mac os 使用 from scipy.misc import imread ImportError: cannot import name 'imread'
mac解决安装提示“xxx软件已损坏，打不开，您应该将它移到废纸篓”的提示
 一文搞懂HMM（隐马尔可夫模型）
docker从容器里面拷文件到宿主机或从宿主机拷文件到docker容器里面
 centos 7 安装python3 & pip3
HTK HResults计算字错率(WER)、句错率(SER)
sublime text3安装ConvertToUTF8
intellij idea 解决2019年4月到期延期问题
 Python 3 教程

原文地址：https://www.cnblogs.com/mingjixiaohui/p/5246869.html

ajax之百度 应用实例

ajax之百度应用实例