jQuery中Ajax表单处理遇到无响应情况

2014-11-24 11:28:00 ? 作者: ? 浏览: 1

在进行jQuery中Ajax表单处理时遇到了这样的问题:通过表单输入数据当点击提交时,发现提交后要显示的数据不能显示出来,但是数据确实传给了服务器上的文件。


代码如下


截图:


jQuery中Ajax表单处理遇到无响应情况


jQuery中Ajax表单处理遇到无响应情况


经过调试发现,问题在于表单提交类型即是,因为在jquery代码中没有阻止默认的表单提交行为,所以整个表单执行了默认的行为,所以只要在js代码中加入'return false'阻止默认的行为就行了。修正后的样子应该是这样的:


代码:


jQuery中Ajax表单处理遇到无响应情况


浏览器中的样子:


jQuery中Ajax表单处理遇到无响应情况


总结:在jquery中处理ajax表单请求是要阻止表单的默认行为只要在js代码中添加‘return false’语句或者把‘submit’修改为‘button’。


-->

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: