表单提交有四种方法: 1.“$.” 方法,需要使用“.form”插件; 2.“$”。 方法,以GET方式提交数据; 3、“$.post”方法,接收的数据量比较大。 数据; 4、“$.ajax”方法,常见的封装异步方法。
本教程的运行环境:系统,版本.2.1,Dell G3电脑。
表单提交方式有哪些?
提交表单的方法有很多种。 现在来说说常用的四种,分别是()、()、post()、ajax()。
1. $.
使用()提交表单首先必须使用第三方插件.form来实现。
一般情况下,如果直接使用表单提交,提交后当前页面会跳转到表单中指向的页面。 如果我们不希望提交表单后页面跳转,那么我们可以使用()方法来提交。
接下来我们看看()提交是怎么写的:
网页:
登录后复制
**:**1。 原创写法(这种写法不需要填写表格中的路径)
2.简单的写法
2. $.
与传统通过GET、POST直接传输裸数据相比,JSON结构更加合理,也更加安全。 () 函数只是设置 JSON 函数的 ajax() 函数的简化版本。 与get()和post()相比,它在传递数据方面有一定的优势,并且可以跨时间使用。
注意:因为$. 采用GET方式提交数据,不能提交过大的数据量。 您可以选择$.post提交。
书写方式:Html:
登录后复制
:
3.$.post方法
post()函数的写法和()函数没有什么区别,但是post的一个特点就是声明数据格式,即类型。 type是请求的数据类型,可以是json、html等,如果我们设置参数如果是:json,那么返回的格式就是json格式; 如果不设置,则返回的格式为字符串。
上面提到,post()函数可以用来接收比较大量的数据,这是相对于其他方法的一个优势。 通常很多情况下我们选择使用post()方法来提交表单。
我们来看看它是怎么写的:
Html:(与$提交的html相同。)
:
//提交按钮的点击事件 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:(与$提交的html相同。)
:
注意:一般情况简单的情况下,直接使用$.ajax即可,无需任何参数。
视频教程推荐:视频教程