使用form 表单+aja提交数据无返回结果-你真的了解点击事件属性值submit和button吗?

下午写项目遇到了一个问题，使用ajax提交数据，后台能拿到数据，

但是一直无法进入回调函数，浪费了一个多小时的时间都没有解决。

点击事件的时候，属性不能为submit。
因为属性submit会提交form表单，当触发点击事件的时候会优先使用form表单提交数据，根据action属性提交到相应的路径。解决办法就是把submit改成button。

html代码如下

<form id="form_user" action="" method="post"><input type="text" id="up_login_user" class="form-control" name="phone_or_email" placeholder="邮箱或手机号码" /><input type="password" id="up_login_pwd" name="pwd" class="form-control" placeholder="请输入密码" />//把type属性改成button<button id="user_login" type="submit" class="width-35 pull-right btn btn-sm btn-primary">登录
</button>

js代码如下：

     alert("即将请求ajax");$.ajax({type:"post",url:"/zhongchou/upLogin",data:{"phone_or_email":username,"pwd":pwd},success:function(result){alert("进入seccess");if(result.code==200){alert("用户名或密码错误");}else{/* var obj = result.extend.user;var infostr = JSON.stringify(obj);//转换jsonsessionStorage.obj = infostr; */alert("即将实现跳转");window.location.href="index.html";}},error:function(result){alert("000");}});

使用form 表单+aja提交数据无返回结果-你真的了解点击事件属性值submit和button吗?相关推荐

jQuery中ajax用form表单方式提交数据
给表单加ID值,如图: 写ajax方法,如图: servlet返回是否添加成功,如图: jsp页面 <div class="modal-content"><div ...
form表单只提交数据而不进行页面跳转的解决方案
转载将数据提交到saveReport(form的action指向)页面,但是页面又不进行跳转,即保持当前页面不变呢?利用jquery的ajaxSubmit函数以及form的onsubmit函数完成 ...
form layui 同时提交多个对象_layui实现form表单同时提交数据和文件的代码
{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...
form表单同时提交带文本和图片的数据
方法一:使用ajax异步提交此种方法的好处是可以回调响应结果. html代码: <form action="${basePath}/save" method="p ...
微信小程序表单提交php存储,微信小程序实现form表单本地储存数据
本文实例为大家分享了微信小程序实现form表单本地储存数据的具体代码,供大家参考,具体内容如下效果图: 主要利用小程序的getStorage来实现异步本地储存. 小程序目录结构如下: 新建项目前,为 ...
使用ajax方法实现form表单的提交
2019独角兽企业重金招聘Python工程师标准>>> 在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控 ...
form表单重复提交
现象: 后台完成数据库操作后返回到页面,这时点击浏览器的后退再提交或刷新页面,会导致form表单重复提交原因: 第一次提交的表单会被缓存到内存中,直到页面下次提交或页面关闭或转向其它页面才消失,在自 ...
ajax和form表单的提交跳转问题
ajax和form表单的提交跳转问题使用ajax提交form表单数据的时候,把提交按钮的type="submit"改成type="button",防止点击提交 ...
前后端交互之使用ajax方法实现form表单的提交
转载于:使用ajax方法实现form表单的提交 - 程序员十三 - 博客园 (cnblogs.com) οnsubmit="reutrn false":表示禁止表单提交. dat ...

使用form 表单+aja提交数据无返回结果-你真的了解点击事件属性值submit和button吗?

使用form 表单+aja提交数据无返回结果-你真的了解点击事件属性值submit和button吗?相关推荐

最新文章

热门文章