首页 > 程序开发 > web前端 > JavaScript >

使用JQuery中的ajax跨域

2017-09-07

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

使用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(){
            $(&#39;#btn&#39;).click(function(){
//请求数据
                $(&#39;#list&#39;).html(&#39;&#39;);
                var inp = $("#Inp").val();
                var url="https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+inp;//此处地址拼接
                $.ajax({
                    url:url,
                    dataType:&#39;jsonp&#39;,//类型是jsonp
                    jsonp:&#39;cb&#39;, //百度接口的回调函数就是 cb
                    success:function(data) {
                        console.log(data.s);
                        var html=&#39;&#39;;
                        for(var i=0;i<data.s.length;i++) {
                            html+=&#39;<li>&#39;+data.s[i]+&#39;</li>&#39;;
                        }
                        $(&#39;#list&#39;).append(html);
 
                    }
                });
            });
        });
    </script>
</head>
<body>
    <input type="text" name="" id="Inp">
    <button id="btn">搜索</button>
    <ul id="list"></ul>
</body>
</html>

相关文章
最新文章
热点推荐