黑马程序员360搜索例子-2020更新代码

简介: 黑马程序员360搜索例子-2020更新代码

很多自学的小伙伴可能都遇到过这样的一个问题,就是代码跟教程的一摸一样,但是视频没错但自己敲出来却错了,原因是多样的,但是软件本身的更新迭代应该是我们优先考虑的,就像日前在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>
相关文章
|
4月前
|
人工智能 Java
AI大模型----SpringBoot添加放行最简单的方式@AuthAccess,问题库构思,概念title,答案text,搜索search
AI大模型----SpringBoot添加放行最简单的方式@AuthAccess,问题库构思,概念title,答案text,搜索search
|
6月前
|
网络协议 Python
Python小姿势 - 如果你不知道如何选择,可以随机选取一个模块或者某个具体的知识点,然后从网上搜索相关的资料。
Python小姿势 - 如果你不知道如何选择,可以随机选取一个模块或者某个具体的知识点,然后从网上搜索相关的资料。
|
JavaScript
jquery模糊查询--搜索demo效果示例(整理)
jquery模糊查询--搜索demo效果示例(整理)
|
前端开发
前端学习案例-搜索参数2
前端学习案例-搜索参数2
51 0
前端学习案例-搜索参数2
|
前端开发
前端学习案例-搜索参数
前端学习案例-搜索参数
76 0
前端学习案例-搜索参数
|
前端开发
前端知识学习案例5vs code-搜索和替换全局内容
前端知识学习案例5vs code-搜索和替换全局内容
82 0
前端知识学习案例5vs code-搜索和替换全局内容
|
前端开发 JavaScript 数据库
饿了么ui自带的两种远程搜索(模糊查询)用法讲解
饿了么ui自带的两种远程搜索(模糊查询)用法讲解
463 0
|
存储 算法 项目管理
|
自然语言处理 数据库 开发者
索引和搜索流程简介|学习笔记
快速学习索引和搜索流程简介
142 0
索引和搜索流程简介|学习笔记
|
存储 容器
利用微搭低代码实现搜索功能
利用微搭低代码实现搜索功能
利用微搭低代码实现搜索功能