javascript ajax 帮助

Question

我有以下代码。

    var d3_ad = 1;

    function displayD3Ad(){
        var query_string = '?d3_ad='+d3_ad;
        query_string += '&location='+escape(location);

    //document.write('<iframe src="index.php'+query_string+'"></iframe>');

    var data = httpRequest('http://localhost/test/index.php','GET',query_string);
    document.write(data);
}

function httpRequest(strURL,type,query) {
    var request = false;

    if (window.XMLHttpRequest) {// Mozilla/Safari
        request = new XMLHttpRequest();
    } else if (window.ActiveXObject) { //Internet Explorer
        request= new ActiveXObject("Microsoft.XMLHTTP");
    }

    request.open(type, strURL + query, true);
    request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    request.onreadystatechange = function() {
        if (request.readyState == 4) {
            return request.responseText;
        }
    }

    request.send(null);
}

displayD3Ad();

现在当它写出数据时说未定义。似乎它没有返回数据。我查看了 Firebug ，它完成并显示了应该存在的响应。任何帮助表示赞赏。我只需要设置数据变量，以便稍后使用它。

Answer 1

没错，在 JavaScript 中，您必须在回调中处理响应值。这对于严肃的应用来说并不理想。

有一个名为 StratifiedJS 的 JavaScript 语言扩展。它在每个浏览器中运行，它允许您直接获取响应值(而不是未定义的)

您可以启用分层 JavaScript，例如通过在您的网页中加入 Oni Apollo ( http://onilabs.com/docs)，例如:

<script src="http://code.onilabs.com/latest/oni-apollo.js"></script>
<script type="text/sjs"> your StratifiedJS code here </script>

你的代码看起来像这样:

function displayD3Ad(){
  var query_string = '?d3_ad='+d3_ad;
  query_string += '&location='+escape(location);

  var data = require("http").get('http://localhost/test/index.php' + query_string);
  document.write(data);
}

这是使用 Apollo 工具包，因此您不必编写自己的 HttpRequest 函数，它已经存在于“http”模块中。