很多自学的小伙伴可能都遇到过这样的一个问题,就是代码跟教程的一摸一样,但是视频没错但自己敲出来却错了,原因是多样的,但是软件本身的更新迭代应该是我们优先考虑的,就像日前在B站看的黑马程序员的jQuery的Ajax应用–利用360搜索API制作一个关键词联想的例子。
附上代码,避免一些小伙百度不出解决方法。。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>360联想词</title> // 引入jQuery <script src="../js/jquery-1.12.4.min.js"></script> <script> $(function(){ $("#btn01").click(function(){ let $txt = $("#txt01").val(); $.ajax({ url: "https://sug.so.360.cn/suggest", type: "get", dataType: "jsonp", data: { word: $txt }, }) // 成功则传入一个对象 .done(function (dat) { console.log(dat); // 清空历史记录 $(".content").empty(); let $content = dat.result; // alert($content.length); for(let i=0; i<$content.length; i++) { let $newLi = $("<li></li>"); $newLi.html($content[i].word).appendTo(".content"); } }) .fail(function () { alert("服务器超时"); }); }) }) </script> </head> <body> <!-- https://sug.so.360.cn/suggest?callback=suggest_so&encodein=utf-8&encodeout=utf-8&format=json&src=so_home&fields=word&word=cls&huid=11AvRL1L1qRgMhJD7YRnHk5o%2BzaxCUyGago5oIAciaxLk%3D&llbq=A5%2CB5%2CC5%2CD5&cache=&id= --> <label>请输入要搜索的关键词:</label><input type="text" name="" id="txt01"><input type="button" name="" value="搜索" id="btn01"> <div class="content"></div> </body> </html>