Javascript 覆盖对象属性

Question

当我单击测试按钮时，我没有得到任何结果，也没有任何错误。正如你可能看到的，我在 javascript 方面是个新手。您会推荐什么解决方案，以便我可以编写这个“类”来工作？我希望它更像 jQuery ajax 调用 $.ajax({}); 那样工作。 ...

var Ajax = function(){

        this.method = null;
        this.url = null;
        this.headerType = null;
        this.data = null;

        function request (callback) {
            var xml = new XMLHttpRequest();

            xml.open(this.method, this.url, true);
            xml.setRequestHeader(this.headerType || "Content-type", "application/x-www-form-urlencoded");

            xml.onreadystatechange = function() {
                if(xml.readyState == 4) {
                    if(xml.status == 200) {
                        callback(xml.responseText);
                    }
                }
            }
            xml.send(this.data || null);
        }
    }

document.getElementById('test').addEventListener('click', function() {
        Ajax({
            method : 'GET',
            url : 'test.php',
            request : function(response) {
                document.getElementById('testResult').innerHTML =  response;
            }
        });
    });

谢谢

编辑:这是 html 代码

<button id="test">Get data</button>
<div id="testResult"></div>

Answer 1

这样的事情会让你走上正确的方向；我没有对此进行测试，但它应该有效...祝你好运!

var Ajax = function(options){
    var method = options.method || null,
        url = options.url || null,
        headerType = options.headerType || null,
        data = options.data || '',
        request = options.request || null; // callback function

    var _request = function(callback) {
        var xml = new XMLHttpRequest();

        xml.open(method, url, true);
        xml.setRequestHeader(headerType || "Content-type", "application/x-www-form-urlencoded");

        xml.onreadystatechange = function() {
            if(xml.readyState == 4) {
                if(xml.status == 200) {
                    callback(xml.responseText);
                }
            }
        }
        xml.send(data || null);
    }

    _request(request);
}