jquery form提交-jQuery中的表单提交表单是什么

jQuery中的表单提交表单是什么

jQuery 中提交表单的形式有很多种。 现在来说说常用的四个，分别是ajaxSubmit()、getJSON()、post()、ajax()。

1. $.ajaxSubmit方法

使用ajaxSubmit()提交表单首先必须使用第三方插件jquery.form来实现。

通常情况下，如果直接提交表单，提交后当前页面会跳转到表单中action指向的页面。 如果我们不希望提交表单后页面跳转，那么我们可以使用ajaxSubmit()来提交。

接下来我们看一下ajaxSubmit()提交的方式：

网页：

提交

**jQuery：**1。 原创写法（此写法不需要填写form表单上的路径）

2.简单的写法

二、$.getJSON方法

与传统通过GET、POST直接传输裸数据相比jquery form提交，JSON结构更合理，也更安全。 getJSON() 函数只是设置 JSON 函数的 ajax() 函数的简化版本。 与get()和post()相比，它在传递数据方面有一定的优势jquery form提交，那就是可以跨用。

注意：由于$.getJSON是通过GET方式提交数据，所以无法提交太大的数据量，可以使用$.post来提交。

书写方式：Html：

提交

jQuery：

3.$.post方法

post()函数和getJSON()函数没有什么区别，post的特殊之处在于声明数据格式，即type，type为请求的数据类型，可以是json、html等.如果我们设置参数为：json，则返回的格式为json格式； 如果未设置，则返回的格式为字符串。

里面提到post()函数可以用来接收比较大量的数据，这是相对于其他方法的一个优点。 很多情况下，我们会选择使用post()方法来提交表单。

我们看看它是怎么写的：

Html：（与$.getJSON提交的html相同）

jQuery：

//提交按钮的点击事件
function btnSubmit(id) {//获取页面数据var id = $("#myForm [name='id']").val();//提交表单$.post("url", //请求路径{id: id  //参数},function (¬data) {if (data.State) {alert(data.Text);} else {alert(data.Text);}}, "json");
}

4.$.ajax方法

$.ajax是常用的通用封装异步方法。

Html：（与$.getJSON提交的html相同）

jQuery：

注意：通常在简单的情况下，$.ajax可以不带任何参数直接使用。

前面已经介绍了四种常用的表单提交方式。 希望您看完后有新的认识。