form表单,submit,ajax提交

  尼玛...

一个简单的表单提交,竟然给我整的直郁闷。

本来就是个保存功能,几个前人都用的ajax提交,我也就没改成submit。然后坑爹的就来了。

我在表单里写了个<form></form>(实际用ajax提交,也没必要写这个标签,但是我就是写了。而action属性是个空)

保存钮的标签是个button。。但是type并没指定是submit

这尼玛梦魇就来了,保存倒是好使。但是回调函数后的跳转location.href时而好使时而不好使。。TMD我调查这个给我累够呛,两天没睡踏实。。

我也是发现了,为毛ajax跳转回来,他老是刷新当前页面,而没有往跳转页面走呢。。按道理说你不走location.href这句话,你也不能原地刷新啊。。一开始没太理会他,后来我就给这个button标签改成了a标签。发现哎,ajax后的确不刷新一遍当前页了。法科,我就猜是不是这个button标签绑定了什么东西。擦,原来是他走了submit的提交。。尼玛坑爹啊。。

很好的解决办法就是,我把<form>标签直接删了。。

时间: 2024-10-31 03:35:01

form表单,submit,ajax提交的相关文章

jquery序列化form表单使用ajax提交后处理返回的json数据

这篇文章主要介绍了jquery序列化form表单,使用ajax提交后处理返回的json数据的示例,需要的朋友可以参考下 1.返回json字符串: ** 将一个字符串输出到浏览器 */    protected void writeJson(String json) {        PrintWriter pw = null;        try {            servletResponse.setContentType("text/plain;charset=UTF-8"

FORM表单转AJAX提交

//将form转为AJAX提交 function ajaxSubmit(frm, fn) {     var dataPara = getFormJson(frm);     $.ajax({         url: frm.action,         type: frm.method,         data: dataPara,         success: fn     }); } //将form中的值转换为键值对. function getFormJson(frm) {   

jquery序列化from表单使用ajax提交返回json数据(使用struts2注解result type = json)

1.action类引入struts2的"json-default"拦截器栈 @ParentPackage("json-default") //示例 @ParentPackage(WapBaseAction.WAP_PACKAGE) //WAP_PACKAGE继承了json-default @Namespace("/") public class ModifyResumeAction extends WapBaseAction {... [emai

jQuery实现form表单基于ajax无刷新提交方法详解

本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o

form表单submit提交内容,跟ajax异步提交form表单的区别,

因为开发一个小细节,本来是上传文件,填写文件名进行ajax提交,但是没有获取到文件的绝对地址, 所以使用了form表单提交文件,然后又觉得form表单+ajax提交联系起来比较好,不用改动太多代码. 区别: Form表单提交:一般都会进行页面跳转: Ajax异步提交:可以不进行页面跳转: Form表单提交 <body> <div id="forms”> <form id="form1" action="/users/login"

织梦自定义表单通过ajax提交的实现方法

自定义表单通过ajax判断,提交不用跳转页面,提高用户体验.具体方法如下: html表单代码部分,就提交按钮改成botton,,添加onclick事件 表单代码: <form action="javascript:;" enctype="multipart/form-data" method="post"> <input type="hidden" name="action" value=

Django框架 之 Form表单和Ajax上传文件

浏览目录 Form表单上传文件 Ajax上传文件 伪造Ajax上传文件 Form表单上传文件 html <h3>form表单上传文件</h3> <form action="/upload_file/" method="post" enctype="multipart/form-data"> <p><input type="file" name="upload_fi

通过button将form表单的数据提交到action层

form表单中不需要写action的路径,需要给form表单一个唯一的id,将你要提交的信息的表单中的标签name="action中的javabean对象.javabean属性".给button按钮添加一个onclick()点击事件,并实现该点击事件,在该onclick()方法中通过ajax将form表单中的数据提交给action层 JSP页面中的代码: 1 <form id="handleform"> 2 <!-- 根据学生id修改学生信息 --

Django框架form表单配合ajax注册

总结一下,其实form组件的主要功能如下: 生成页面可用的HTML标签 对用户提交的数据进行校验 保留上次输入内容 下面是写的登录页面的实例 1:views视图中的代码 # 注册页面 def register(request): if request.method == 'POST': # 将提交过来的数据放的form表单中进行校验 form_obj = forms.Register(request.POST) # 判断校验是否真确 print(form_obj.is_valid()) ret

清理浏览器网站缓存的几种方法(meta,form表单,ajax)

1.meta方法   HTML header中加入 <meta http-equiv="pragma" content="no-cache"> 说明:禁止浏览器从本地计算机的缓存中访问页面内容.上述设定,访问者将无法脱机浏览. <meta http-equiv="Cache-Control" content="no-cache,must-revalidate"> 说明:Cache-Control指定请求