jsonp获取360联想词数据

最新推荐文章于 2021-08-28 20:41:09 发布

SpecYue

最新推荐文章于 2021-08-28 20:41:09 发布

阅读量423

点赞数

分类专栏： json和ajax JQuery javascript

本文链接：https://blog.csdn.net/qq_34788903/article/details/86632446

版权

JQuery 同时被 3 个专栏收录

17 篇文章 0 订阅

订阅专栏

json和ajax

6 篇文章 0 订阅

订阅专栏

javascript

6 篇文章 0 订阅

订阅专栏

本文介绍了如何利用JSONP（JSON with Padding）跨域技术，从360搜索引擎获取搜索联想词数据。通过示例代码，详细阐述了请求过程和数据解析方法，帮助开发者实现自定义搜索建议功能。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#input01').keyup(function () {
                var $val=$(this).val();
                         $.ajax({
                        url:'https://sug.so.360.cn/suggest?',
                        type:'get',
                        dataType:'jsonp',
                        data:{'word':$val}
                }).done(function (data) {
                        // alert(data);
                        var dat=data.s;
                        // alert(dat.length());
                             for(var i=0;i<dat.length();i++){
                                 var $newli=$('<li>');
                                 $newli.html(dat[i]);
                                 $newli.appendTo($('#list01'));
                             }
                    })
                })
            });


    </script>
</head>
<body>
<input type="text" name="" id="input01">
<ul id="list01">

</ul>
</body>
</html>