第三章 jQuery 中 Ajax 的使用

1 相关 ajax 方法

① $.get() 发送 GET 请求

$.get(url, [data], [callback], [type])
  • url:请求的URL地址。

  • data:请求携带的参数。

  • callback:载入成功时回调函数。

  • type:设置响应内容的格式,xml, html, script, json, text 等。

$.get('/server', {a:100, b:200,wd: 618}, function(data){
  //data中存放的是响应体的结果
  console.log(data);
});

② $.post() 发送 POST 请求

$.post(url, [data], [callback], [type])
  • url:请求的URL地址。

  • data:请求携带的参数。

  • callback:载入成功时回调函数。

  • type:设置响应内容的格式,xml, html, script, json, text 等。

$.post('/server', {username:'anni', password:"123123"}, function(data){
  console.log(data);
});

③ $.ajax() 发送指定的请求

$.ajax(url, [settings])
  • url:请求的URL地址。
  • settings:Ajax 请求设置,是一个对象,通过对象属性设置各种选项,所有选项都是可选的
$.ajax({
   type: "POST",
   url: "some.php",
   data: {username:'anni', password:"123123"},
   dataType: 'json',   // 响应内容的类型
   success: function(msg){
     alert(msg);
   }
});

2 表单数据处理

① serialize() 序列表表格内容为字符串

$("form").serialize()

3 JSONP 方法

① $.getJSON() 用于 jsonp 请求

$.getJSON(url,[data], [callback])
  • url:发送请求地址。

  • data:待发送 Key/value 参数。

  • callback:载入成功时回调函数。

您可以通过使用 JSONP 形式的回调函数来加载其他网域的JSON数据,如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

$.getJSON("/serverr", { name: "John", time: "2pm" }, function(json){
  alert("JSON Data: " + json.users[3].name);
});

results matching ""

    No results matching ""