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

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

1. 使用ajax提交form表单数据的时候，把提交按钮的type=“submit”改成type="button"，防止点击提交的时候form表单自动提交刷新。

2. 使用ajax提交form表单数据，controller层返回处理的结果，在ajax里跳转页面。controller层的方法上要加@ResponseBody。

3. ajax中跳转页面使用window.location.href = "xxxx";

4. form表单在点击提交的时候会自己提交并刷新当前页面，尽管，你可能并没有写action的路径。

5. 在提交后跳转页面的时候，要搞清楚在前台跳转，还是后台跳转。当时用ajax提交数据时，只能在ajax中跳转。form表单可以在后台进行跳转。在跳转没有反应的时候，首先要确认代码正确，然后查看有没有打印错误，包括后台的控制台，以及前台的页面console。找到错误，根据错误修改。

6. 前台console打印Uncaught TypeError: window.location.href is not a function，这个错误的时候，很有可能是window.location.href = "xxxx";写错了。不能写成window.location.href ("xxxx");