ajax和form表单的提交跳转问题

使用ajax提交form表单数据的时候，把提交按钮的type=“submit”改成type=“button”，防止点击提交的时候form表单自动提交刷新。
使用ajax提交form表单数据，controller层返回处理的结果，在ajax里跳转页面。
ajax中跳转页面使用window.location.href = “index.html”;
form表单在点击提交的时候会自己提交并刷新当前页面，尽管，你可能并没有写action的路径。
在提交后跳转页面的时候，要搞清楚在前台跳转，还是后台跳转。当时用ajax提交数据时，只能在ajax中跳转。form表单可以在后台进行跳转。在跳转没有反应的时候，首先要确认代码正确，然后查看有没有打印错误，包括后台的控制台，以及前台的页面console。找到错误，根据错误修改。
前台console打印Uncaught TypeError: window.location.href is not a function，这个错误的时候，很有可能是window.location.href = “xxxx”;写错了。不能写成window.location.href (“xxxx”);

         // alert('add');var name = $('#recipient-name').val();var slug = $('#recipient-slug').val();$.post('http://localhost:4000/admin/category/add', { name: name, slug: slug }, function (res) {console.log(res.msg);if (res.code === 201) {location.reload();}else {alert(res.msg);}}, 'json');$('#addModal').modal('hide');});```

ajax和form表单的提交跳转问题相关推荐

jQuery中ajax用form表单方式提交数据
给表单加ID值,如图: 写ajax方法,如图: servlet返回是否添加成功,如图: jsp页面 <div class="modal-content"><div ...
使用ajax方法实现form表单的提交
2019独角兽企业重金招聘Python工程师标准>>> 在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控 ...
ajax 模拟表单提交,Ajax模拟Form表单提交，含多种数据上传
---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希 ...
前后端交互之使用ajax方法实现form表单的提交
转载于:使用ajax方法实现form表单的提交 - 程序员十三 - 博客园 (cnblogs.com) οnsubmit="reutrn false":表示禁止表单提交. dat ...
使用ajax方法实现form表单的提交（Ajax和from提交的区别）
写在前面的话在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说 ...
AJAX 实现form表单提交
1.使用Ajax实现异步操作,点击登录按钮后,即触发form表单的提交事件,数据传输至后端 JSP: <script type="text/javascript" src=& ...
form提交php怎么接收不到,php form表单post提交获取不到数据，而使用get提交能获取到数据的解决办法...
开发环境:xampp,mac,phpstorm 其实出现这个问题的原因就是在于phpstorm,它默认使用的是自带的内部服务器,这个服务器使用63342端口,而且服务器内部有问题,导致POST方法异常 ...
【Ajax】form表单
一.form表单的基本使用什么是表单表单在网页中主要负责数据采集功能.HTML中的<form>标签,就是用于采集用户输入的信息,并通过<form>标签的提交操作,把采集到的 ...
js实现Form表单submit提交截获数据（各浏览器通用）
js实现Form表单submit提交截获数据(各浏览器通用) js实现Form表单submit提交截获数据(各浏览器通用) No Comments | js , 安全 , PHP | by calms ...

ajax和form表单的提交跳转问题

ajax和form表单的提交跳转问题相关推荐

最新文章

热门文章