我们在第2行定义了loadDataFromServer回调的开头。
我们创建了一个XMLHttpRequest请求对象(第 3 行),并添加了一个readystatechange事件处理器。请求的readyState发生改变的那一刻,它就会被触发。
在事件处理器中,我们会检查判断是否满足readyState=4,若等于则说明请求已经完成。然后检查请求的状态值。状态值为200或者304都代表着请求成功,其它则表示发生错误。
如果请求确实成功了,那我们就会对从服务器返回的JSON重新进行运算,然后把它分配给一个数据变量。此时,我们可以在需要的时候使用返回的数据。
在最后我们需要提出请求。
在第13行打开了一个“GET”请求来读取data.json文件。
在第14行把我们的请求发送至服务器。
旧版服务器支持
如果你的应用需要使用旧版本的Internet Explorer ,你需确保XMLHttpRequest对象存在。为此,你可以在创建XMLHttpRequest实例之前输入以下代码。
if (typeof @XMLHttpRequest == "undefined")
console.log 'XMLHttpRequest is undefined'
@XMLHttpRequest = ->
try
return new ActiveXObject("Msxml2.XMLHTTP.6.0")
catch error
try
return new ActiveXObject("Msxml2.XMLHTTP.3.0")
catch error
try
return new ActiveXObject("Microsoft.XMLHTTP")
catch error
throw new Error("This browser does not support XMLHttpRequest.")
这段代码确保了XMLHttpRequest对象在全局命名空间中可用。
标签:CoffeeScript
相关阅读 >>
更多相关阅读请进入《CoffeeScript》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者