JavaScript必备小知识-jquery-ajax请求及跨域处理(三)

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

接前文继续来学习 jquery 学习小结 本文继续来学习 jquery 的 ajax 请求 及跨域处理, 实际项目中最常用的, 每天打交道的.

1、梳理知识点

• 1.1 ajax 请求之  $.get 或$.post

  以 $. 开始的 ajax 请求方式是全局方法

  • $.get(三个参数)   以 get 方式请求数据

• 1.2 $.post()

  以 post 方式请求数据   用法同$.get()

• 1.3、ajax 请求之  $.getJson()$.getScript()

  • $.getJson("xxx.json"，data, 回调函数) 通过这种方式请求json数据   三个参数  ： url    data     function(){}
  • $.getScript("xxx.js"，回调) 通过这种方式请求 js 脚本数据 ，立即执行请求的脚本代码

4、$.ajax  

jquery 的 ajax 请求服务器传递过来的数据一般都是 object 对象（请求的数据是 object 类型）

用法：

$.ajax({
     type:"get",     请求数据方式
     url:"http://127.0.0.1/jqAjx1706/data.json";,    请求路径
     success:function(){     服务器通过 success  方法 获取处理的结果 
         console.log("成功");
     }
});

或 $.ajax 方法返回一个 deffered 对象  （类似 promise） 如果请求数据成功，通过 done 方法获取服务器的数据

var deff = $.ajax({ type:,url: })
deff.done(function(){
})

常用方法：

$.ajax({
     type:"get",
     url:"http://127.0.0.1/jqAjax1706/data.json";,
     datatype:"json",//指定请求数据的类型     请求数据类型如果是 json   表示正常 ajax 请求   如果是 jsonp，表示跨域请求
     data:{"name":"admin"},//向服务器发送数据
     success:function(res){
         //alert(typeof res);
         //此处处理服务器返回数据的业务逻辑
     }
});

ajax 跨域：

对于 请求地址: https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+txt+"&cb=fn

$.ajax({
        type:"get",
        url:"https://api.douban.com/v2/book/search?q=css&callback=fn&start=0&count=10";,
        dataType:"jsonp",
        jsonCallback:"fn"   //设置回调函数
});
function  fn(msg){
    alert( msg );
}