Ajax准么说是用于java script与服务器端进行交互的，我们之前呢没有了解ajax也同样可以完成与服务器的交互，那么ajax的优势在哪里？首先ajax是异步交互的也就是说我们基本不会遇到卡顿现象，还有就是它可以实现浏览器的局部刷新那到底是什么情况，那就阅读本篇文章一探究竟。

 

本篇导航：

• Ajax知识储备之json
• Ajax简介
• jquery实现的ajax

 

一、Ajax知识储备之json

1、json定义

JSON(java script Object Notation,JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

之前python常用模块也介绍过序列化模块json：http://www.cnblogs.com/liluning/p/7307782.html#wu

2、json对象对比js对象图示

3、json对象的格式

#合格json对象
["one", "two", "three"]
{ "one": 1, "two": 2, "three": 3 }
{"names": ["张三", "李四"] }
[ { "name": "张三"}, {"name": "李四"} ]
#不合格json对象
{ name: "张三", 'age': 32 }         // 属性名必须使用双引号
[32, 64, 128, 0xFFF]        // 不能使用十六进制值
{ "name": "张三", "age": undefined }        // 不能使用undefined
{ "name": "张三",
  "birthday": new Date('Fri, 26 Aug 2011 07:13:10 GMT'),
  "getName":  function() {return this.name;}        // 不能使用函数和日期对象
} 

4、stringify与parse方法

json是一种数据交换格式并不是python独有或者哪一门语言独有，它是各门语言用于数据的交互。

JSON.parse():     用于将一个 JSON 字符串转换为 java script 对象　
eg:
console.log(JSON.parse('{"name":"Yuan"}'));
console.log(JSON.parse('{name:"Yuan"}')) ;   // 错误
console.log(JSON.parse('[12,undefined]')) ;   // 错误

JSON.stringify(): 用于将 java script 值转换为 JSON 字符串。　
eg:  console.log(JSON.stringify({'name':"egon"})) ;

---

 

二、Ajax简介

AJAX（Asynchronous java script And XML）翻译成中文就是“异步java script和XML”。即使用java script语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）。

既然我们之前先介绍了json为什么ajax的x代表的是XML呢？因为json的出现在ajax和xml的后面

1、json与xml对比

<?xml version="1.0" encoding="utf-8"?>
<country>
    <name>中国</name>
    <province>
        <name>黑龙江</name>
        <cities>
            <city>哈尔滨</city>
            <city>大庆</city>
        </cities>
    </province>
    <province>
        <name>广东</name>
        <cities>
            <city>广州</city>
            <city>深圳</city>
            <city>珠海</city>
        </cities>
    </province>
    <province>
        <name>台湾</name>
        <cities>
            <city>台北</city>
            <city>高雄</city>
        </cities>
    </province>
    <province>
        <name>新疆</name>
        <cities>
            <city>乌鲁木齐</city>
        </cities>
    </province>
</country>

{
    "name": "中国",
    "province": [{
        "name": "黑龙江",
        "cities": {
            "city": ["哈尔滨", "大庆"]
        }
    }, {
        "name": "广东",
        "cities": {
            "city": ["广州", "深圳", "珠海"]
        }
    }, {
        "name": "台湾",
        "cities": {
            "city": ["台北", "高雄"]
        }
    }, {
        "name": "新疆",
        "cities": {
            "city": ["乌鲁木齐"]
        }
    }]
}

在数据交换方面，由于 JSON 所使用的字符要比 XML 少得多，可以大大得节约传输数据所占用得带宽。

JSON格式取代了xml给网络传输带来了很大的便利,但是却没有了xml的一目了