jquery+ajax实现跨域请求的方法

方法1 说明：这里的dataType 为  "jsonp"  ，type 只能为 GET

//getjson方式

<script>

     $.getJSON("date.json",function(data) {
       console.log(data);
     });

</script>

方法2  jsonp  利用ajax

<script>
$.ajax({
  url:'date.json',
  type:'get',
  dataType:'jsonp', //jsonp格式访问
  jsonpCallback:'aa' //获取数据的函数
})
.done(function(data){
  console.log(data);
})
.fail(function() {
  alert('服务器超时，请重试！');
});

</script>

//jsonp

aa({
"data":{
    "name":"xiaohong",
    "age":"18"
  }

})



//json数据

{"data":{
    "name":"xiaohong",
    "age":"18"
    }
}

demo:

输入：<input type="text" placeholder="请输入关键词"/>
<div class="box"></div>

<script>
var $input = $("input");

$input.keydown(function () {
  $.ajax({
    url:'https://sug.so.360.cn/suggest?',//请求360搜索的联想数据
    type:'get',
    dataType:'jsonp', //jsonp格式访问
    data: {word: $input.val()},
  }).done(function(data){
    $(".box").html("");
    var res=data.s;
    var html="";

    for(var i in res){
        html+="<p style='color:red'>"+res[i]+"</p>"
    }

    $(".box").append(html);

  }).fail(function() {
    alert('服务器超时，请重试！');
  });
})