曾经post为何只能通过form来提交

  当我们web程序的前台,需要有数据向后台发送时候,我们第一时间想到的就是,给我们所需要提交的用户名,密码之类的数据封装到一个<form>表单里面去,而封装完毕之后,我们需要给form的提交方式进行设置

  即,<form method="post">

    </form>

  而,这样做的目的,就是在我们<form>表单中的数据被设置完之后,再点击button,而我们的<button>中,得设置它的方式type为:submit,

  即,<button type="submit">提交</button>

  

  这样,当我们点击提交按钮的时候,我们form里面所封装的数据,便会被以post的提交方式,提交给后台,而我们的后台,一般有一个专门接收前台数据的一个Action,action就是提交地址的意思,如果我们在我们的form里面设置好action,即,

  <form method="post" action="userAction">,

  

  那么只要我们的struts配置好,则后台的userAction就会接收到前台form中的帐号以及密码信息,然后再处理它,通过和底层数据库的验证来返回验证成功与否,若成功,则给出下一步跳转页面的地址,若失败,则指示继续转向,并停留在先前的登录表单页面。

  问题来了,为什么说曾经想通过post提交方式提交数据,只能是使用form表单submit的方式来提交?

  因为过去没有ajax和jquery的提交方式。

  那么问题又来了,如果我们想通过如上两种时髦的提交方式,该怎么做呢?

  jquery是一种时髦的js封装框架,而ajax是一种时髦的js数据通信传输方法,所以我们要做的是:熟练的使用ajax的jquery方法

  1、

时间: 2024-12-25 17:22:53

曾经post为何只能通过form来提交的相关文章

form不提交问题

var confirmOrderForm=document.getElementById("confirmOrderForm"); var url="${pageContext.request.contextPath }/confirmOrder/confirmOrder.action?team=aa"; alert(url); confirmOrderForm.action=url; confirmOrderForm.submit(); 怎么搞到了action里t

导出excel时,以form方式提交json数据

今天在写项目时写到一个excel的导出,开始想用ajax请求后台后导出,但发现ajax会有返回值,而且ajax无法直接输出文件,而后台的excel导出方法已经封装好,不方便修改. 就改用了提交的方式form,但form提交,表格分页用的是jquerytable,我需要将一些jquerytable的一些参数传到后台,但这些数据已经是json数据,如果我直接放在input中提交到后台在解析参数会很麻烦,所以就想将json数据转为form方式提交. js //导出 function exportExc

form自动提交

在做项目中,例如b2b的由商城跳往卖家中心的后台,当他既有会员账号又是卖家的时候,让他登录了商城,就不需要卖家登录的时候,处理过程中可以用到form表单自动登录. 实现简单思路:可以再普通会员登录的地方,登录成功可以将登录名和密码,用户id存起来,为了安全可以aes加密(前面一篇文章有详细介绍),存入cookie,在页面中需要去卖家中心,那边可以判断开始所存的cookie,以及判断是否是卖家,如果是,用form表单自动给他登录. 在ecshop上面实现的案例: 在includes下面创建一个li

关于form下提交和重置input按钮默认事件问题

今天用js清空input值的时候死活不行,搞了半天终于可以了..原因是因为默认事件.. HTML代码 <form> <input id="input" type="txt" value="查询"> <input id="submit" type="submit" value="提交"> <input id="reset" ty

jquery.uploadify+jquery.form异步提交那点事

jquery.uploadify+jquery.form中使用ajaxSubmit提交时没有走提交后的Success事件,一点提交直接Post过去了,然后就结束了,也没走提交完后的事件. 用火狐找了后发现 TypeError: $.handleError is not a function 提交时出现:TypeError: $.handleError is not a function 因为$.handleError 只在jquery-1.4.4之前的版本中存在,jquery-1.6 ,1.7和

easyui的tab加载页面中的form重复提交

http://blog.csdn.net/fxz1982/article/details/8987769 Easyui中的tabs组件以href方式加载目标页面,如果目标页面中有dialog或者window这类的easyui组件中放了form.那么在关闭这个tab再次打开.如果进行form提交操作,后台就会收到两次提交请求,再次重复以上操作会收到3次提交请求,如果将表单serialize()后以jquery的post提交服务器将收到值全是数组方式组织的. 经分析发现,Easyui的tab加载页面

使用jquery.form.js提交表单上传文件

方法: 1.formSerilize()  用于序列化表单中的数据,并将其自动整理成适合AJAX异步请求的URL地址格式. 2.clearForm()   清除表单中所有输入值的内容. 3.restForm    重置表单中所有的字段内容.即将所有表单中的字段恢复到页面加载时的默认值. 疑问:ajaxForm()与ajaxSubmit()的区别: 答案:$("#form1").ajaxForm();  相当于以下两行: 1 2 3 4 $("#form1".subm

带有file标签文件上传的 form ajax提交的方法:jQuery的ajaxSubmit()

这篇文章主要介绍了jQuery使用ajaxSubmit()提交表单示例,使用延第三方插件jquery.form实现,需要的朋友可以参考下. ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件.如下所示: <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><script src="htt

Javascript控制回车键进行表单(form)提交(转)

一.采用钩子事件去捕获 键盘事件有3个: keydown,keypress,keyup分别是按下,按着没上抬,上抬键盘 . $(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); } }); 推荐:keyup,防止笔记本键盘不小心触摸到. 1.有些文档中有写成这样: $(window).keydown(function(){ ... }) XP