使用JQuery中的ajax跨域

最新推荐文章于 2022-11-09 11:35:59 发布

skey_wang

最新推荐文章于 2022-11-09 11:35:59 发布

阅读量272

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/skey_wang/article/details/77854123

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

使用jquery中的ajax实现跨域，也主要使用了jsonp跨域的特性，

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>跨域</title>
    <script src="js/jquery-1.7.2.min.js"></script>
    <script>
        $(function(){
            $('#btn').click(function(){
//请求数据
                $('#list').html('');
                var inp = $("#Inp").val();
                var url="https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+inp;//此处地址拼接
                $.ajax({
                    url:url,
                    dataType:'jsonp',//类型是jsonp
                    jsonp:'cb', //百度接口的回调函数就是 cb
                    success:function(data) {
                        console.log(data.s);
                        var html='';
                        for(var i=0;i<data.s.length;i++) {
                            html+='<li>'+data.s[i]+'</li>';
                        }
                        $('#list').append(html);

                    }
                });
            });
        });
    </script>
</head>
<body>
    <input type="text" name="" id="Inp">
    <button id="btn">搜索</button>
    <ul id="list"></ul>
</body>
</html>

skey_wang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用JQuery中的ajax跨域

使用jquery中的ajax实现跨域，也主要使用了jsonp跨域的特性，<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>跨域</title> <script src="js/jquery-1.7.2.min.js"></script> <script> $(function(){
复制链接

扫一扫