jq数据请求的四种方法get post ajax getJSON和不同于之间的jsonp跨域请求详细总结

jq数据请求的四种方式
get (获取数据)  post  ajax   getJSON
由于jq请求跟js不一样的是将

Get,post,ajax, getJSON封装成了方法所以直接$.方法就可以

方法1$.get("",function (data){

    //从服务器获取的数据  “”里为路径

})  get传数据时只能在路径后面拼接没有data
方法:2$.post({

    method:"",

    data:"",//往服务发送的数据  

    url:"",//连接的地址  api  php  java  asp

    dataType:"json",    //将返回的数据以json类型返回
 
    success:function (data){

        //请求数据成功之后返回的函数

        //操作数据进行动态绑定

    },

    error:function (error){

        //请求数据失败之后返回的函数

    },

    //默认异步  true  同步false

    async:true,

});
方法3$.ajax({

    method:"post",    

    data:"",//往服务发送数据data

    url:"",//连接的地址  api  php  java  asp

    dataType:"json",

    success:function (data){

        //请求数据成功之后返回的函数

        //操作数据进行动态绑定

    },

    error:function (error){



    },

    //默认异步  true  同步false

    async:true,

});
方法4$.getJSON({

    method:"post",

    data:"",//
    url:"",//连接的地址  api  php  java  asp

    dataType:"json",  

    success:function (data){

        //请求数据成功之后返回的函数

        //操作数据进行动态绑定

    },

    error:function (error){



    },

    //默认异步  true  同步false

    async:true,

});
//注意在方法3和方法4中,methods可以是post也可以是Get但要注意data即发送给服务器的数据的方式一定要对应

2jq不同域之间的跨域请求 两种方式

注意jsonp跨域默认的是get请求

  //远程API即不同域之间jq跨域请求方式1

/*  $.ajax({

      methods:"get",

      url:"https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?cb=sr&wd=胜利",

      dataType:"jsonp",

      jsonpCallback:"sr",//jsonpCallback sr可定义也可不用   callback必须定义sr(jsonp回调函数
      success:function(data){

          console.log(data.s)

      }

  });*/



 //远程API即不同域之间jq跨域请求方式2

 /*$.ajax({

     methods:"get",

     url:"https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?cb=sr&wd=胜利",

     dataType:"jsonp",

     callback:"sr",//callback必须定义sr

     success:function(data){

     }

 });

  function sr(data){

  //返回值进行操作

  console.log(data.s)

  }*/

 

你可能感兴趣的:(jq数据请求的四种方法get post ajax getJSON和不同于之间的jsonp跨域请求详细总结)