0

我只是在学习 JavaScript 对象并且有一个问题/问题。我有以下代码/ js 对象：

更改：这是完整的代码 - 这是一个 Appcelerator Titanium 项目！：

spike.xhr = spike.xhr || {};

spike.xhr.init = function() {
    this.severResponse = '';
    this.xhrMethod = 'GET';
}

spike.xhr.isOnline = function() {
    if( Titanium.Network.online ) {
        return true;
    } else {
        return false;
    }
}

spike.xhr.notOnline = function() {
    var alertDialog = Titanium.UI.createAlertDialog({ 
        title: CONFIG.PROJECT_SHORT, 
        message: 'You do not have an online connect. Please connect...',
        buttonNames: ['Continue'],
        cancel: 0
    }); 
    alertDialog.show(); 
}

spike.xhr.connect = function( url ) {

    if( spike.xhr.isOnline() ) {
        spike.xhr.clients = Ti.Network.createHTTPClient();

        spike.xhr.clients.onload = function() {
            if (spike.xhr.clients.status != 200 && spike.xhr.clients.status != 201) {
                var alertDialog = Titanium.UI.createAlertDialog({ 
                    title: CONFIG.PROJECT_SHORT, 
                    message: 'We are sorry, but we have received an status error!',
                    buttonNames: ['Continue'],
                    cancel: 0
                }); 
                alertDialog.show(); 
                return false;
            }    
            this.serverResponse = this.responseText; 
        }

        spike.xhr.clients.onerror = function(e) {
            Ti.API.log( 'ERROR: ' + e.status + ': ' + e.statusText + ' - ' + e.error );
        }   

        spike.xhr.clients.open( this.xhrMethod, url );

        spike.xhr.clients.send();
    } else {
        spike.xhr.notOnline();
    }
}

spike.xhr.basicAuthentication = function( username, password ) {
    authstr = 'Basic ' +Titanium.Utils.base64encode( username+':'+ password);
    spike.xhr.client.setRequestHeader( 'Authorization', authstr );
}

spike.xhr.setMethod = function( type ) {
    this.xhrMethod = type;
}

spike.xhr.response = function() {
    return this.serverResponse;
}

如果我现在运行：

spike.xhr.connect( 'http://mydomain' );
theResponse = spike.xhr.response();

我得到<null>回报！- 为什么我不"This is a Test!"回来或更好的问题：我必须改变什么才能"This is a Test!"回来？

4

1 回答 1

3

上面的代码不起作用的原因是因为你的spike.xhr.connect函数是异步的。这意味着您可以告诉浏览器发出请求，但在浏览器等待响应返回时继续执行其他操作。

JavaScript 在单个线程中运行，这意味着您一次只能执行一件事。某些操作（如“AJAX”调用）是异步的，因为浏览器知道如何发出请求，但不会阻止您当前运行的代码等待请求。通常，使用回调函数调用异步代码，该函数在请求返回时运行：

// pseudo code.

spike.xhr.connect( 'http://google.com', function ( response ) {
    alert( 'google' );
});
alert( 'this will fire before spike.xhr.connects callback' );

当来自服务器的响应返回并且浏览器没有做任何其他事情时，将执行回调函数。

于 2012-06-05T15:16:27.247 回答