Question

因为这样的功能不支持跨域请求

    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（带this plugin）但功能

    $.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>

好的，伙计们，这是更简单，更快速和可理解的决策使用脚本 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

   }
 });

TNX非常适合您的帮助和提示！

Answer 1

我猜你不需要依赖插件来获取跨域JSON。您可以使用jquery的'jsonp'数据类型。

您可以按照以下网址中的“JSONP”部分进行操作： http://api.jquery.com/jQuery.getJSON/

您获得的输出可能是URL返回的内容。确保请求的URL仅返回预期的输出。感谢

Answer 2

在您的第一个示例中，您正在请求text / xml，但在第二个示例中，您的类型只是“text”，这可能导致url发回不同格式的响应。对于JSON数据，您还可以尝试使用“application / json”类型。

Answer 3

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

您可以在此处阅读：http://api.jquery.com/jQuery.ajax/

Ajax（jQuery）跨域输出 -

3 个答案: