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