SakumyZ

个人站

居然能找到这里,よくやったな~


Ajax里不注意就很难受的地方

简介

Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。

Ajax无需重新加载整个网页的情况下,能够更新部分网页。

今天说说Ajax请求的一些坑,反正我自己是踩到过,没搞清楚Ajax和传统请求的区别是很容易就采坑的。

你想要的请求不一定发了

为什么这么说,因为在表单提交的过程中,你可能做了传统的提交方式,而非Ajax提交方式。可能GET请求还不会看出问题,但是一旦采用的是POST请求就会很麻烦。

你明明做了POST提交但是怎么地址栏有传参数?

然后调出网络资源查看却发现浏览器响应的GET请求?

可能你要疯了,不过可能很多人不像我这么笨,反正我是要疯了。

那到底是怎么一回事?

怎么做

其实很简单,你想发送Ajax请求的前提是你要阻止表单的默认提交动作,如果不阻止掉表单的默认提交,那么就不可能走Ajax提交,这就使你Ajax的POST请求无法提交,而表单中又没指定提交方式,那么肯定会走form的默认提交方式,也就是GET,所以就很尴尬了。

这里介绍一种禁止表单默认提交的方法

<form onsubmit="return false"> </form>