[翻译]High Performance JavaScript(022)
第七章 Ajax 异步JavaScript和XML
Ajax is a cornerstone of high-performance JavaScript. It can be used to make a page load faster by delaying the download of large resources. It can prevent page loads altogether by allowing for data to be transferred between the client and the server asynchronously. It can even be used to fetch all of a page's resources in one HTTP request. By choosing the correct transmission technique and the most efficient data format, you can significantly improve how your users interact with your site.
Ajax是高性能JavaScript的基石。它可以通过延迟下载大量资源使页面加载更快。它通过在客户端和服务器之间异步传送数据，避免页面集体加载。它还用于在一次HTTP请求中获取整个页面的资源。通过选择正确的传输技术和最有效的数据格式，你可以显著改善用户与网站之间的互动。
This chapter examines the fastest techniques for sending data to and receiving it from the server, as well as the most efficient formats for encoding data.
本章考察从服务器收发数据最快的技术，以及最有效的数据编码格式。
Data Transmission 数据传输
Ajax, at its most basic level, is a way of communicating with a server without unloading the current page; data can be requested from the server or sent to it. There are several different ways of setting up this communication channel, each with its own advantages and restrictions. This section briefly examines the different approaches and discusses the performance implications of each.
Ajax，在它最基本的层面，是一种与服务器通讯而不重载当前页面的方法，数据可从服务器获得或发送给服务器。有多种不同的方法构造这种通讯通道，每种方法都有自己的优势和限制。本节简要地介绍这些不同方法，并讨论各自对性能的影响。
Requesting Data 请求数据
There are five general techniques for requesting data from a server:
有五种常用技术用于向服务器请求数据：
• XMLHttpRequest (XHR)
• Dynamic scrip
相关文档：
[转自]http://article.yeeyan.org/view/mouse4x/16540
JSON被公认为浏览器中XML的后继者，它的目标仅仅是成为一种简单、优雅的数据格式，以方便浏览器和服务器之间的数据交换。在完成这一简单任务的过程中，它将引领下一代万维网。
对象简介
看,这就是一个对象:
var myFirstObject ={};
尽管看起来挺简单，然而那些� ......
typeof 是JavaScript的运算符
——返回一个用来表示表达式的数据类型的字符串
typeof[(] expression [)] //typeof语法中的圆括号是可选项
typeof 运算符@import url(../html-vss/msdnie4a.css);
typeof
运算符把类型信息当作字符串返回。typeof
返回值有� ......
使用javascript创建Microsoft XML DOM,就可以完成这一工作.
// 装入数据.
var source = new ActiveXObject("Microsoft.XMLDOM");
source.async = false
source.load("history.xml");
// 装入样式表.
var stylesheet = new ActiveXObject("Microsoft.XMLDOM");
stylesheet.async = false
stylesheet.load( ......
function total(){
var i=0;
for(j=1;j<=20;j++)
{
var step="step"+j;
if(document.getElementById(step)){
if(document.getElementById(step).checked==true)
{
i=i+parseInt(document.getElementById(step).value);
}
}
}
document.getElementById("total").innerHTML = i;
}
function Resetvalue(){
......
A Note on Benchmarking 测试基准说明
Because a regex's performance can be wildly different depending on the text it's applied to, there's no straightforward way to benchmark regexes against each other. For the best result, you need to benchmark your regexes on test strings o ......
