jquery 手册
Ajax
属性(Attributes)
回调对象(Callbacks ..
核心(Core)
CSS
数据(Data)
延迟对象(Deferred o ..
尺寸(Dimensions)
效果(Effects)
事件(Events)
表单(Forms)
文档操作(Manipulati ..
杂项(Miscellaneou ..
位置(Offset)
插件编写(Plugin Aut ..
属性(Properties)
选择器(Selectors)
遍历(Traversing)
工具(Utilities)

Returns: jqXHRjqXHR jQuery.get( String url, Map | String data, Function success(data, textStatus, jqXHR), String dataType )

描述: 使用HTTP GET请求的方式从服务端加载数据。
  • version added: 1.0
  • jQuery.get( String url, Map | String data, Function success(data, textStatus, jqXHR), String dataType )
  • url 一个字符串,包含请求将被发送到的URL。
    data 一个json数据或字符串,通过请求发送到服务端.
    success(data, textStatus, jqXHR) 一个回调函数,如果请求成功该函数将执行。
    dataType 从服务器返回的预期的数据类型。默认:智能猜测(xml, json, script, or html)。

这是一个简写的Ajax函数,等同于:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

大部分情况下需要一个成功后的处理程序:

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

这个例子获取HTML片段并插入到页面.

// Assign handlers immediately after making the request,
  // and remember the jqxhr object for this request
  var jqxhr = $.get("example.php", function() {
    alert("success");
  })
  .success(function() { alert("second success"); })
  .error(function() { alert("error"); })
  .complete(function() { alert("complete"); });

  // perform other work here ...

  // Set another completion function for the request above
  jqxhr.complete(function(){ alert("second complete"); });

Examples:

例子:

请求test.php页面,忽略返回结果。
$.get("test.php");

例子:

请求test.php页面并发送一些额外的数据。
$.get("test.php", { name: "John", time: "2pm" } );

例子:

传递数组数据到服务端(仍然忽略返回结果)
$.get("test.php", { 'choices[]': ["Jon", "Susan"]} );

例子:

弹出请求test.php后的结果。 (HTML 或 XML, 取决于返回的结果).
$.get("test.php", function(data){
alert("Data Loaded: " + data);
});

例子:

弹出请求test.cgi 后的结果。 (HTML 或 XML, 取决于返回的结果).
$.get("test.cgi", { name: "John", time: "2pm" },
   function(data){
     alert("Data Loaded: " + data);
   });

例子:

获取test.php 页面内容,并以json格式返回 (<?php echo json_encode(array("name"=>"John","time"=>"2pm")); ?>), 并将内容添加到页面。
$.get("test.php",
   function(data){
     $('body').append( "Name: " + data.name ) // John
              .append( "Time: " + data.time ); //  2pm
   }, "json");