最新消息:文章中包含代码时,请遵守代码高亮规范!

Jquery ajax提交表单几种方法

JavaScript Sylvia 3278浏览 0评论

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$(‘#表单ID’).serialize()。

详细如下介绍:

一、$get方式提交表单

get() 方法通过远程 HTTP GET 请求载入信息

格式

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

请求 test.php 网页,传送2个参数,忽略返回值:

$.get(“test.php”, { name: “John”, time: “2pm” } );

显示 test.php 返回值(HTML 或 XML,取决于返回值):

ajax 序列化表单

$.Form.serialize( NameValuePair )

虚拟一个表单,并设置表单控件名与值。

参数
NameValuePair

必选项。设置虚拟的表单控件。该参数形式为:{ name1=value, name2=value2, ……}
返回值

虚拟表单序列化后的字符串,其格式如:username=%E5%95%8A%E8%94%A1&password=123456

二、$POST方式提交表单

$.post

jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求
参数:

url (String) : 发送请求的URL地址.

data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。

callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)

转载时请注明出处及相应链接,本文永久地址:https://www.askaura.com/12434.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Sylvia的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!