教你怎样使用和分清Jquery库中的四大ajax异步请求

提示:这里的 jQuery可简写成$
第一种

1. $.get();

说明:
$ .get是简单易用的高层实现,我们使用 $ .get方法,jQuery会自动封装调用底层的$.ajax。

$.get 只处理简单的 GET 请求功能
以取代复杂 $.ajax,请求成功时可调用回调函数。不支持出错时执行函数,否则必须使用 $.ajax。

基本语法:

`jQuery.get( url , data , function(result){} [dataType ] )`

参数解释:

  • url 类型: String 一个包含发送请求的URL字符串
  • data 类型: PlainObject, String 发送给服务器的字符串或Key/value键值对。
  • function(result){} 类型: Function() 当请求成功后执行的回调函数。
  • dataType 类型: String 从服务器返回的预期的数据类型。默认:智能猜测(xml, json, script, 或
    html)。

用法:
大多数实现将指定一个成功的回调处理程序:

$.get('ajax/test.html', function(data) {
  $('.result').html(data);
  alert('Load was performed.');
});

注意:这里并没有请求的参数.

============================================================================================================
第二种:

2.  $.getJSON();

说明:$.getJSON()是专门为ajax获取json数据而设置的,并且支持跨域调用

基本语法:

jQuery.getJSON( url , data , function(result){} )

参数解释:

  • url 类型: String 一个包含发送请求的URL字符串
  • data 类型: PlainObject, String 发送给服务器的字符串或Key/value键值对。
  • function(result){} 类型: Function() 当请求成功后执行的回调函数。

用法:
在回调函数(result)中传入返回的数据,通常是一个JavaScript对象或数组所定义的JSON结构,使用$.parseJSON()方法解析。
$.getJSON()是专门为ajax获取json数据而设置的,并且支持跨域调用

$.getJSON("test.js", function(json) {
   alert("JSON Data: " + json.users[3].name);
 });

============================================================================================================
第三种

1. $.post();

说明:

$ .post是简单易用的高层实现,我们使用$ .post方法,jQuery会自动封装调用底层的$.ajax。

$.post 只处理 post请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。不支持出错时执行函数,否则必须使用 $.ajax。

基本语法:

jQuery.get( url , data , function(result){} [dataType ] )

参数解释:

  • url 类型: String 一个包含发送请求的URL字符串
  • data 类型: PlainObject, String 发送给服务器的字符串或Key/value键值对。
  • function(result){} 类型: Function() 当请求成功后执行的回调函数。
  • dataType 类型: type为请求的数据类型,可以是html,xml,json等类型,如果我们设置这个参数为:json,那么返回的格式则是json格式的,如果没有设置,就和.get()返回的格式一样,都是字符串的。
    html)。

用法:参考$.get()

============================================================================================================
第四种

1. $.ajax();

说明:

$ .ajax 是 jQuery 底层 AJAX 实现,$ .ajax是一种通用的底层封装,$.ajax()请求数据之后,则需要使用回调函数,有beforeSend、error、dataFilter、success、complete等。

基本语法:
格式:

$.ajax({ 
   url:”路径”, 
   type:”post/get”, 
   datatype:”json”, 
  //成功的回调函数 
   success:function(data){ 
   alert(“回调函数成功了”); 
}, 
   //失败的回调函数 
   error:function(){ 
   alert(“服务器请求失败”); 
   },

    //发送请求前调用,可以放一些“正在加载”之类的话 
    beforeSend:function(){ 
    alert(“正在加载”); 
    } 
});

用法:

$.ajax({
            "url": "/doFindObjects",
            "type": "POST",
            "data": params,
            "success": function (result) {
                $("#myDiv").append("hello world")
                console.log(result.username + "<br>")
            },
            "error": function (result) {
                console.log(result.message)
            }
         });