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'); });```