標籤：oct function 技術分享 console aaa body alt app com
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //curl "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=bbb&cb= //curl "https://suggest.taobao.com/sug?code=utf-8&q=aaa&callback= window.onload = function(){ var oTxt = document.getElementById("txt"); var oBtn = document.getElementById("btn"); oTxt.onkeyup = function(){ var sc = document.createElement("script"); //sc.src = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=" + oTxt.value + "&cb=fn"; sc.src = "https://suggest.taobao.com/sug?code=utf-8&q="+oTxt.value + "&callback=fn"; document.getElementsByTagName("head")[0].appendChild(sc); } } //全域函數 function fn(str){ //console.log(str.s); var oUl = document.getElementById("ul1"); oUl.innerHTML = ""; for(var i = 0; i < str.result.length; i ++){ var li = document.createElement("li"); li.innerHTML = str.result[i]; oUl.appendChild(li); } } </script> </head> <body> <input type="text" name="txt" id="txt" value="" /> <input type="button" name="btn" id="btn" value="搜尋" /> <ul id="ul1"> </ul> </body></html>
效果如下
jsonp實現下拉搜尋
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
