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
Copyright © 2011-2022 走看看