Ajax 工作原理与开发实战

Ajax基础

Ajax框架主要目的是与服务器通讯而不是做效果。

1.JSON语法：XML格式的未来替代标准。轻量级的数据传递。

下面的JSON表示名称/值对：

{"firstName":"Brett" }

多个名称/值对串在一起:

{"firstName":"Brett", "lastName":"McLaughlin","email": "brett@newInstance.com" }

从语法方面来看，这与名称/值对相比并没有很大的优势，但是在这种情况下 JSON

更容易使用，而且可读性更好

当需要表示一组值时，JSON 不但能够提高可读性，而且可以减少复杂性:

{“employees": [

  { "firstName":"Brett", "lastName":"McLaughlin","email": "brett@newInstance.com" },

  { "firstName":"Jason", "lastName":"Hunter","email": "jason@servlets.com" },

  { "firstName":"Elliotte","lastName":"Harold","email": "elharo@macfaq.com" }

] }

}可读性

◦JSON和XML的可读性可谓不相上下，XML略占上风

}可扩展性

◦XML天生有很好的扩展性，JSON当然也有，没有什么是XML能扩展，JSON不能的。

}编码难度

◦XML有丰富的编码工具，比如Dom4j、JDom等，JSON也有json.org提供的工具，但是JSON的编码明显比XML容易许多，即使不借助工具也能写出JSON的代码，可是要写好XML就不太容易了

}解码难度

◦XML的解析得考虑子节点父节点关系，让人头昏眼花，而JSON的解析难度几乎为零。

}流行度

◦XML已经被业界广泛的使用，而JSON才刚刚开始，但在Ajax领域，JSON凭借自身的优势有可能最终取代XML

例如

var company = 
{ “employees": [
        { "firstName": "Brett", "lastName":"McLaughlin", "email": brett@newInstance.com" },
        { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },
        { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }
     ]
};

company.employees[0].fristName

就能得到值。当然也能够通过

company.employees[0].fristName=“Vincent”进行值得修改

Ajax(Asynchronous JavaScript and XML)

Ajax的关键技术：

◦使用XHTML(HTML)和CSS构建标准化的展示层

◦使用DOM进行动态显示和交互

◦使用XML和XSLT进行数据交换和操纵

◦使用XMLHttpRequest异步获取数据

◦使用JavaScript将所有元素绑定在一起