jQuery表单提交方法

开发工具与关键技术:visual Studio jquery
作者:邓伟征

form表单的属性action 与method
action:规定当提交表单时向何处发送表单数据,值:URL
URL可能的值:
绝对 URL - 指向其他站点(比如 src=“www.taobao.com”)
相对 URL - 指向站点内的文件(比如 src="/jQueryAjax/formAction")
method: 规定用于发送 form-data 的 HTTP 方法。(提交表单的方式) 值:get和post
get/post:
get提交时参数直接暴露在URL上。
(W3School上给出的区别:)
与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
然而,在以下情况中,请使用 POST 请求:
无法使用缓存文件(更新服务器上的文件或数据库)
向服务器发送大量数据(POST 没有数据量限制)
发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠 ‘
get/post区别:
1、Get方法是用来向服务器上获取数据,而Post是用来向服务器上传递修改数据。
2、Get将表单里的数据添加到action所指向的URL后面,并且两者之间使用”?”连接,
而各个变量之间使用”&”连接;Post是将表单中的数据放在form的数据体中,
按照变量和值对象的方式,传递到所指向的action.
3、Get是不安全的,因为在传输过程中,数据被放在请求的Url中
,这样,用户可以直接在浏览器上看到提交的数据,
一些系统内部信息也一同显示在用户面前。
Post的所有操作对用户来说都是不可见的。
4、Get传输的数据量小,主要是受限与于Url长度限制,
其中IE浏览器对URL的最大限度为2083个字符(http://hqlong.com/2009/12/1164.html)。 而post可以的传输大量的数据,所以在上传文件和大数据量时使用post。
5、Form提交默认为Get方法提交。
6、Get方式获取数据后,刷新不会有负面的影响,
因为它只是获取数据,而Post方法刷洗页面重复提交可能会产生不良的后果。

男 女
表单提交

在这里插入图片描述
如图填好所有信息,点击表单提交按钮就可以完成表单提交了
在这里插入图片描述
手动提交
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲btnsubmit").cli…("#myform").attr({ “method”: “post”, “action”: “/jqueryajax/formaction” });
$("#myform").attr({ “method”: “post”, “action”: “/jqueryajax/formaction” });
});
$.get("", {}, function () {

    });
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值