node_jquery框架ajax常用整理

// jquery框架ajax
// 语法：jQuery.ajax(options)

$.ajax({
  // (默认: 当前页地址) 发送请求的地址。
  url: 'http://.........',
  // (默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET"。
  // 注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。
  type: 'post',
  // 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。
  // 如 {foo:["bar1", "bar2"]} 转换为 "&foo=bar1&foo=bar2"。
  data: {name:'jack', age:'18'},
  // 预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断，
  // "xml": 返回 XML 文档，可用 jQuery 处理。
  // "html": 返回纯文本 HTML 信息；包含的script标签会在插入dom时执行。
  // "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。'''注意：'''在远程请求时(不在同一个域下)，所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)
  // "json": 返回 JSON 数据 。
  // "jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。
  // "text": 返回纯文本字符串
  dataType: "script",
  // (默认: 自动判断 (xml 或 html)) 请求失败时调用此函数
  error: (XMLHttpRequest, textStatus, errorThrown) =>{
    // 通常 textStatus 和 errorThrown 之中
    // 只有一个会包含信息
    this; // 调用本次AJAX请求时传递的options参数
  },
  // 请求成功后的回调函数。参数：由服务器返回，并根据dataType参数进行处理后的数据；描述状态的字符串。
  success: (data, textStatus, jqXHR) => {
    // data 可能是 xmlDoc, jsonObj, html, text, 等等...
    this; // 调用本次AJAX请求时传递的options参数
  },
  // 在一个jsonp请求中重写回调函数的名字。这个值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分，
  // 比如{jsonp:'onJsonPLoad'}会导致将"onJsonPLoad=?"传给服务器。
  jsonp: 'onJsonPLoad',
})

// jQuery.get(url, [data], [callback], [type])
// url:待载入页面的URL地址
// data:待发送 Key/value 参数。
// callback:载入成功时回调函数。
// type:返回内容格式，xml, html, script, json, text, _default。
$.get("http://.........", { name: "John", time: "2pm" },
  (data) =>{
    alert("Data Loaded: " + data);
  }
);

// 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数
// jQuery.post(url, [data], [callback], [type])
// url:发送请求地址。
// data:待发送 Key/value 参数。
// callback:发送成功时回调函数。
// type:返回内容格式，xml, html, script, json, text, _default。
$.post("http://....", { "func": "getNameAndTime" },
  function(data){
    alert(data.name); 
    console.log(data.time);
}, "json");

// 您可以通过使用JSONP形式的回调函数来加载其他网域的JSON数据，
// 如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。 
// 注意：此行以后的代码将在这个回调函数执行前执行。
// jQuery.getJSON(url, [data], [callback])
// url:发送请求地址。
// data:待发送 Key/value 参数。
// callback:载入成功时回调函数。
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){
  $.each(data.items, function(i,item){
    $("<img/>").attr("src", item.media.m).appendTo("#images");
    if ( i == 3 ) return false;
  });
});