jQuery post() 方法

本文介绍了jQuery中$.post()方法的基本用法及两个实际应用案例。通过按钮点击触发HTTP POST请求并处理服务器响应数据,以及利用输入框实时发送请求更新页面元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

实例 1

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

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

尝试一下 »

实例 2

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

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

尝试一下 »

定义和用法

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


语法

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

参数描述
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 来规定回调




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值