JavaScript中的HTTP GET请求？

Question

JavaScript中的HTTP GET请求？我需要在JavaScript中执行HTTP GET请求。最好的方法是什么？我需要在Mac OS X dashcode小部件中执行此操作。

Answer 1

浏览器（和Dashcode）提供XMLHttpRequest对象，可用于从JavaScript发出HTTP请求：

function httpGet(theUrl){
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
    xmlHttp.send( null );
    return xmlHttp.responseText;}

但是，不建议使用同步请求，并且会产生以下警告：

注意：从Gecko 30.0（Firefox 30.0 / Thunderbird 30.0 / SeaMonkey 2.27）开始，由于对用户体验的负面影响，主线程上的同步请求已被弃用。

您应该发出异步请求并在事件处理程序中处理响应。

function httpGetAsync(theUrl, callback){
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() { 
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
            callback(xmlHttp.responseText);
    }
    xmlHttp.open("GET", theUrl, true); // true for asynchronous 
    xmlHttp.send(null);}

Answer 2

在jQuery中：

$.get(
    "somepage.php",
    {paramOne : 1, paramX : 'abc'},
    function(data) {
       alert('page content: ' + data);
    });

Answer 3

上面有很多很棒的建议，但不是很容易重复使用，而且经常充斥着DOM废话和其他隐藏简单代码的漏洞。

这是我们创建的一个可重用且易于使用的Javascript类。目前它只有一个GET方法，但这对我们有用。添加POST不应该对任何人的技能征税。

var HttpClient = function() {
    this.get = function(aUrl, aCallback) {
        var anHttpRequest = new XMLHttpRequest();
        anHttpRequest.onreadystatechange = function() { 
            if (anHttpRequest.readyState == 4 && anHttpRequest.status == 200)
                aCallback(anHttpRequest.responseText);
        }

        anHttpRequest.open( "GET", aUrl, true );            
        anHttpRequest.send( null );
    }}

使用它就像：

var client = new HttpClient();client.get('http://some/thing?with=arguments', function(response) {
    // do something with response});

Answer 4

没有回调的版本

var i = document.createElement("img");
i.src = "/your/GET/url?params=here";