使用JQuery中的ajax跨域

来源：互联网发布：小米手机怎么选择网络编辑：程序博客网时间：2024/06/16 12:26

使用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>

阅读全文

0 0