Ajax (jQuery)跨域输出-

因此该函数不支持跨域请求

    function makeRequest(url) {
    var http_request = false;
    if (window.XMLHttpRequest) { // Mozilla, Safari,...
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
        }
    } else if (window.ActiveXObject) { // IE
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
            http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
        }
    }
    if (!http_request) {
        alert('Cannot create an XMLHTTP instance');
        return false;
    }
    http_request.onreadystatechange = function() { alertContents(http_request); };
    http_request.open('GET', url, true);
    http_request.send(null);
}
function alertContents(http_request) {
    if (http_request.readyState == 4) {
        if (http_request.status == 200) {
            receiveData(http_request.responseText);
        } else {
            alert("error");
        }         
    } 
}

所以决定使用jQuery(带这个插件)但是函数

    $.ajax({
  url: suchurl,
  type: "GET",
  //dataType: "text",
  dataType: "text",
  //global: false,
  //async:false,
  cache: false,
  success: function(data) {
//alert(data);
alert(data.responseText);
}
});

相似的输出

<html>
<head>
<meta content="HTML Tidy for Java (vers. 26 Sep 2004), see www.w3.org" name="generator"/>
<title/>
</head>
<body>
<p>new_towns = [ {id:"0", name:" "},
{id:"205",
name:"City205"},
{id:"17",
name:"City17"}
];</p>
</body>
</html>

为什么? . .当期望只是

new_towns = [ {id:"0", name:" "}, {id:"205", name:"City205"}, {id:"17", name:"City17"} ];

你有什么建议?

这样的示例代码-不工作

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://www.google.com/jsapi"></script>  
<script type="text/javascript">  
    google.load("jquery", "1.6.2");  
google.setOnLoadCallback(function() {
$.ajax({
  url: suchurl,
  type: "GET",
  dataType: "text",
  crossDomain:true,
  async:true,
  cache: false,
  success: function(data) {
  alert("all right");
  }
  });
});
</script>
</head>
<body>
</body>
</html>

OK，伙计们，这是更简单，更快速，更容易理解的决定使用脚本get.php

<?php
if(isset($_POST['geturl']) and !empty($_POST['geturl'])) {
$data = file_get_contents($_POST['geturl']);
print $data;
}
?>

然后是

$.ajax({ url: 'get.php',
         data: {geturl: suchurl},
         type: 'POST',
         dataType: "text",
         cache: false,
        success: function(data){
        alert(data);
        //do something else
   }
 });

非常感谢你的帮助和提示!

我猜你不需要依靠插件来获得跨域JSON。你可以使用jquery的"jsonp"数据类型。

你可以按照'JSONP'部分在以下URL:http://api.jquery.com/jQuery.getJSON/

您得到的输出可能是URL返回的东西。确保所请求的URL只返回预期的输出。由于

看起来像在你的第一个例子中，你正在请求文本/xml，但在第二个例子中，你的类型只是"文本"，这可能会导致url发送回不同格式的响应。对于JSON数据，您也可以尝试使用"application/JSON "类型。

JQuery $.ajax()函数包含原生JSONP支持。必须添加参数crossDomain:true

你可以在这里阅读:http://api.jquery.com/jQuery.ajax/

相关内容

最新更新

热门标签：