jQuery — Ajax

一、Ajax 请求

  1、$.ajax 方法

    常用参数:

url:         表示请求的地址

type:         表示请求的类型 GET 或 POST 请求

async:      表示请求是同步还是异步的,默认为 true,异步;设置为 false 表示 同步

data:         表示发送给服务器的数据,格式有两种:① name1=value1&name2=value2 ② {key:value}

success:   表示请求成功,响应的回调函数

dataType:  响应的数据类型,常用的数据类型有:text 表示纯文本,xml 表示 xml 数据,json 表示 json 对象

    Demo:

 1  $.ajax({
 2       type: "POST",
 3       url: "some.php",
 4       async: "true",
 5       data: "name=John&location=Boston",
 6       success: function(msg){
 7           alert( "Data Saved: " + msg );
 8       },
 9       dataType:"json"
10  });

  2、$.get() 与 $.post()

    这两个方法都是以简单的 GET 或 POST 请求取代复杂的 $.ajax。

    参数说明:

url:              请求的 url 地址

data:           发送的数据

callback:     请求成功时回调函数

type:           返回内容格式:xml,text,json 等

    Demo:

1  $.get("test.do", function(data){
2             alert("Data Loaded: " + data);
3         });
4 
5 $.post("time.do", { name: "John", time: "2pm" },
6             function(data){
7                 alert("Data Loaded: " + data);
8             });

  3、$.getJSON 方法

    此方法以 get 请求向服务器发起请求,返回的是 JSON 数据

    参数:

url:         请求的 url 地址;

data:      发送给服务器的数据

callback:   成功的回调函数

    Demo:

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

二、Ajax 事件

三、其他

  1、serialize() 方法

    该方法可以把表单中所有表单项的内容都获取到,并且以 name1=value1&name2=value2 的形式进行拼接。

    Demo:

$("#form01").serialize()

  

  2、serializeArray() 方法

    该方法可以序列化表格元素,返回 JSON 数据结构数据。

    注意:此方法返回的是 JSON 对象而非 JSON 字符串,需要用第三方库进行字符串化操作。

    Demo:

1 var fields = $("select, :radio").serializeArray();
2 
3 格式:
4  [ 
5      {name: 'firstname', value: 'Hello'}, 
6      {name: 'lastname', value: 'World'},
7      {name: 'alias'}, // this one was empty
8   ]
原文地址:https://www.cnblogs.com/niujifei/p/12398098.html