jQuery $.post()方法|使用HTTP POST从服务器加载数据

由 hcduguo

jQuery Ajax方法

定义与用法

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

语法格式

$( selector).post( URL,data,function(data,status,xhr),dataType)

示例代码

使用 HTTP POST 请求从服务器加载数据：

$("button").click(function(){ 
    $.post("demo_test.html",function(data,status){ 
        alert("Data: " + data + "nStatus: " + status); 
    }); 
});

亲自试试

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

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

亲自试试

参数说明

参数 描述
URL 必需。规定将请求发送到哪个 URL。
data 可选。规定连同请求发送到服务器的数据。
function(data,status,xhr) 可选。规定当请求成功时运行的函数。
额外的参数：

 

  • data – 包含来自请求的结果数据
  • status – 包含请求的状态（”success”、”notmodified”、”error”、”timeout”、”parsererror”）
  • xhr – 包含 XMLHttpRequest 对象
dataType 可选。规定预期的服务器响应的数据类型。
默认地，jQuery 会智能判断。
可能的类型：

 

  • “xml” – 一个 XML 文档
  • “html” – HTML 作为纯文本
  • “text” – 纯文本字符串
  • “script” – 以 JavaScript 运行响应，并以纯文本返回
  • “json” – 以 JSON 运行响应，并以 JavaScript 对象返回
  • “jsonp” – 使用 JSONP 加载一个 JSON 块，将添加一个 “?callback=?” 到 URL 来规定回调

jQuery Ajax方法

相关