这篇博客讨论了在JavaScript中定义Ajax类时遇到的问题，即`readyState`、`status`和`responseText`属性不在类实例上，而应该在`XMLHttpRequest`对象上。作者提供了修正后的TypeScript代码，确保了正确引用`XMLHttpRequest`对象的属性。
class Ajax {
url: string;
xmlData: string;
mode: bool;
response: string;
objHttpReq:any;
constructor (postUrl: string, postXml: string, postMode: bool) {
this.url = postUrl;
this.xmlData = postXml;
this.mode = postMode;
this.objHttpReq = new XMLHttpRequest();
this.objHttpReq.mode = this.mode;
this.objHttpReq.onreadystatechange = this.OnRStateChange;
this.objHttpReq.open("Post", this.url, this.mode);
this.objHttpReq.send(this.xmlData);
}
OnRStateChange(){
if (this.readyState==4 && this.status==200)
//here this refers to Ajax
{
//alert(xmlhttp.status);
if(this.mode == false)
{
alert(this.responseText);
}
else
{
alert(this.responseText);
}
}
}
}
遵守上面的代码
var Ajax = (function() {
function Ajax(postUrl, postXml, postMode) {
this.url = postUrl;
this.xmlData = postXml;
this.mode = postMode;
this.objHttpReq = new XMLHttpRequest();
this.objHttpReq.mode = this.mode;
this.objHttpReq.onreadystatechange = this.OnRStateChange;
this.objHttpReq.open("Post", this.url, this.mode);
this.objHttpReq.send(this.xmlData);
}
Ajax.prototype.OnRStateChange = function() {
if(this.readyState == 4 && this.status == 200) {
//here this refers XMLHttpRequest object – works fine
if(this.mode == false) {
alert(this.responseText);
} else {
alert(this.responseText);
}
}
};
return Ajax;
})();
问题上面打字稿代码表明错误的JavaScript，因为阿贾克斯类没有readyState的，状态和性能的responseText。在TypeScript中编写Ajax类的正确代码应该是什么？
2013-01-21
skgyan
+0
你摸不着头脑？ –
扫一扫
649
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
