来自服务器的响应

Question

当我向服务器创建请求时：

<script language="javascript" type="text/javascript">
function ajaxFunction()
var ajaxRequest;
try{
ajaxRequest = new XMLHttpRequest();
} catch (e){
try{
} catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
alert("Your browser broke!");
return false;
}
}

} ajaxRequest.onreadystatechange = function(){

if(ajaxRequest.readyState == 4){

document.write(ajaxRequest.responseText);

document.myForm.time.value = ajaxRequest.responseText;
    }
}
ajaxRequest.open("GET", "http://www.bbc.co.uk", true);
ajaxRequest.send(null); 

}

</script>

为什么响应没有任何内容？为什么响应不是该网站的 html 代码？

Answer 1

这应该可以工作（我现在没有时间测试它。）

function ajaxFunction() { //Added open {
    var ajaxRequest;
    try{
    ajaxRequest = new XMLHttpRequest();
    } catch (e){
// Removed additional try / catch
        try{
            ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e){
        alert("Your browser broke!");
        return false;
        }
    } 
    ajaxRequest.onreadystatechange = function(){
        if(ajaxRequest.readyState == 4){
            document.write(ajaxRequest.responseText);
            document.myForm.time.value = ajaxRequest.responseText;
        }
    }; // Added semi-colon to the end of the anonymous function definition
ajaxRequest.open("GET", "http://www.bbc.co.uk", true);
ajaxRequest.send(null); 
}

一些注意事项：

• Javascript中的大部分不需要空格，但是适当的缩进使它更多< /strong> 更容易发现语法错误。
• 当您将属性绑定到匿名函数时，您需要在 } 后面加上 ;
• 一旦您了解了其工作原理，请深入研究较大的 ajax 函数/模块库之一。 （学习总是一件好事，ajax 是真正需要几十个工时才能遇到浏览器之间所有差异的领域之一。）+

附录：

跨域ajax请求非常很难正确执行（即安全、稳妥且不会抛出错误）——它们被同域来源政策。

请参阅此问题和这个 有关该主题的更多讨论以及使用代理或使用 解决该问题的方法jsonp

+ jQuery 的 ajax 函数是 325 行长（这还不包括 $.ajax.settings 或 $.extend())

Answer 2

您可能会考虑使用像 jQuery 这样的库来执行 AJAX 请求 - 它们会为您处理所有跨浏览器的问题，并执行大量额外的工作。你的代码可以很简单

$.get(
  'http://www.bbc.co.uk',
  function(data) {
    // do something with data
  }
);`