ajax

jQuery.ajax()执行异步 HTTP (Ajax) 请求。

.ajaxComplete()当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。

.ajaxError()当 Ajax 请求完成且出现错误时注册要调用的处理程序。这是一个 Ajax 事件。

.ajaxSend()在 Ajax 请求发送之前显示一条消息。

jQuery.ajaxSetup()设置将来的 Ajax 请求的默认值。

.ajaxStart()当首个 Ajax 请求完成开始时注册要调用的处理程序。这是一个 Ajax 事件。

.ajaxStop()当所有 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。

.ajaxSuccess()当 Ajax 请求成功完成时显示一条消息。

jQuery.get()使用 HTTP GET 请求从服务器加载数据。

jQuery.getJSON()使用 HTTP GET 请求从服务器加载 JSON 编码数据。

jQuery.getScript()使用 HTTP GET 请求从服务器加载 JavaScript 文件，然后执行该文件。

.load()从服务器加载数据，然后把返回到 HTML 放入匹配元素。

jQuery.param()创建数组或对象的序列化表示，适合在 URL 查询字符串或 Ajax 请求中使用。

jQuery.post()使用 HTTP POST 请求从服务器加载数据。

.serialize()将表单内容序列化为字符串。

.serializeArray()序列化表单元素，返回 JSON 数据结构数据。

 

示例：

.load()

使用 AJAX 请求来改变 div 元素的文本：

$("button").click(function(){
  $("div").load('demo_ajax_load.txt');
});

语法：load(url,data,function(response,status,xhr))

参数                                                                     描述

url                                                                   规定要将请求发送到哪个 URL。

data                                                                可选。规定连同请求发送到服务器的数据。

function(response,status,xhr)                         可选。规定当请求完成时运行的函数。

                                                                       额外的参数：

                                                                       response - 包含来自请求的结果数据

                                                                       status - 包含请求的状态（"success", "notmodified", "error",                                                                          "timeout" 或 "parsererror"）

                                                                       xhr - 包含 XMLHttpRequest 对象

 

 - get() 方法：

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

语法：$(selector).get(url,data,success(response,status,xhr),dataType)

参数	描述
url	必需。规定将请求发送的哪个 URL。
data	可选。规定连同请求发送到服务器的数据。
success(response,status,xhr)	可选。规定当请求成功时运行的函数。 额外的参数： response - 包含来自请求的结果数据 status - 包含请求的状态 xhr - 包含 XMLHttpRequest 对象
dataType	可选。规定预计的服务器响应的数据类型。 默认地，jQuery 将智能判断。 可能的类型： "xml" "html" "text" "script" "json" "jsonp"

 

jQuery.post()

$("input").keyup(function(){
  txt=$("input").val();
  $.post("demo_ajax_gethint.asp",{suggest:txt},function(result){
    $("span").html(result);
  });
});

语法

jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)

参数	描述
url	必需。规定把请求发送到哪个 URL。
data	可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR)	可选。请求成功时执行的回调函数。
dataType	可选。规定预期的服务器响应的数据类型。 默认执行智能判断（xml、json、script 或 html）。

jQuery.ajax()

$.ajax({
    url:'/comm/test1.php',
    type:'POST', //或GET，请求方式
    async:true,    //或false,是否异步
    data:{
        name:'yang',age:25
    },
    timeout:5000,    //超时时间
    dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
    beforeSend:function(xhr){
        console.log(xhr)
        console.log('发送前')
    },
    success:function(data,textStatus,jqXHR){
        console.log(data)
        console.log(textStatus)
        console.log(jqXHR)
    },
    error:function(xhr,textStatus){
        console.log('错误')
        console.log(xhr)
        console.log(textStatus)
    },
    complete:function(){
        console.log('结束')
    }
})

serialize() 方法

输出序列化表单值的结果：

$("button").click(function(){
  $("div").text($("form").serialize());
});

定义和用法

serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。

您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。

序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。

语法

$(selector).serialize()

.serializeArray()方法

输出以数组形式序列化表单值的结果：

$("button").click(function(){
  x=$("form").serializeArray();
  $.each(x, function(i, field){
    $("#results").append(field.name + ":" + field.value + " ");
  });
});

定义和用法

serializeArray() 方法通过序列化表单值来创建对象数组（名称和值）。

您可以选择一个或多个表单元素（比如 input 及/或 textarea），或者 form 元素本身。

语法

$(selector).serializeArray()

详细说明

serializeArray() 方法序列化表单元素（类似 .serialize() 方法），返回 JSON 数据结构数据。