基础 - jQuery的Ajax

最新推荐文章于 2025-06-04 21:01:38 发布

weixin_30408309

最新推荐文章于 2025-06-04 21:01:38 发布

阅读量49

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/WeWeZhang/p/5841658.html

本文介绍了一种利用jQuery实现搜索建议的方法。通过发送AJAX请求获取数据，并利用JSONP跨域特性来动态更新搜索建议列表。同时展示了如何将获取的数据以列表的形式展示出来。

$(function(){

    $.ajax({
        url: "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su",
        type: "GET",
        dataType: "jsonp",
        jsonp: "cb",
        data:{"wd":"冰"},
        success: function (data) {
            console.log(data);
        },error: function (data) {
            console.log(data);
        }
    });

})

            var aElement = data.s;
            $.each(aElement, function (index,element) {
                console.log(index,element);
            });

            var oUl = $("<ul></ul>");
            $("#box").append(oUl);
            
            var aElement = data.s;
            $.each(aElement, function (index,element) {
                console.log(index,element);
                var oLi = $("<li></li>").append(element);
                oUl.append(oLi);
            });

转载于:https://www.cnblogs.com/WeWeZhang/p/5841658.html