Js-Html 前端系列--Ajax

最近在做Web项目，用到很多Ajax，也遇到很多问题。下面与大家分享。

---

• Ajax传参
• Ajax同步与异步
• Ajax与谷歌浏览器

---

Ajax传参

我们一般传参有两种形式：

$.ajax({ 
    ...     
    data:  {'categoryID':categoryID},
    ... 
});

和

$.ajax({ 
    ...     
    data: "categoryID="+categoryID,
    ... 
});

第一种是标准形式，推荐第一种，第二种是拼字符串的形式。
第二种有一个问题就是：当你的参数值中含有特殊字符的时候就会报错，比如“%”，如果是用的GET 方式提交就会报400错误。因为它转码的时候会有%号。

---

Ajax同步与异步

在做前端的时候，如果界面与后台的IO交互比较多，就会体现出一个问题，有的时候写在方法中的效果出不来，这可能就是因为Ajax的不同步。程序在没有得到Ajax的方法返回值就开始往下执行了。所以，当一个方法中有多次调用Ajax的时候，个人建议使用同步Ajax。如：

$.ajax({
    ...
    async: false,
    ...
 })；

---

Ajax与谷歌浏览器

谷歌与火狐是我们开发用的最多的两个浏览器，但是与火狐不一样的是，谷歌浏览器比较变态，它不支持Ajax跨域请求，所以在项目跑起来的时候最好用本机的IP代替127.0.0.1和Localhost。

---