使用 JSONP 获取 XML

Question

这两天，我浏览了很多论坛网站，但没有找到我的问题的确切解决方案。 我遇到跨站点脚本问题。我的应用程序的 Web 服务是用 javascript、html 和 css 编写的，出现如下错误：

“XMLHttpRequest 无法加载...bla bla bla..Origin http://localhost:8088 不允许Access-Control-Allow-Origin 响应标头。” 我编写的代码是；

$.ajax({

async: false,
type: "GET",
url: "http://www.yem...om/Cata.../M...ogin2?username=blabla&password=blabla123",
dataType: "xml",
success: function(xml) {
    alert("CONTROL???");
    $(xml).find('Login').each(function(){
        var logResult = $(this).find('Result').text();
        alert(logResult);
        });


    }
  })

;

我发现我必须使用 JSONP。但是，当我编写 dataType: "*jsonp xml*" 或 dataType: "*jsonp text xml*" 时，我收到一条错误消息，例如“SyntaxError:解析错误”！

另外，我尝试了CORS Filter，但它需要web.xml，但我没有。当我创建并尝试使用它时，我失败了！

此外，我尝试使用 James Padolsey 的 jQuery 进行跨域请求 http:// james.padolsey.com/javascript/cross-domain-requests-with-jquery/ 它有效，但我还没有解析收到的数据。该插件使用雅虎查询语言，因此，控制数据是不同的并且不容易。

还有什么办法可以解决我的问题吗？请帮我！

最好的祝愿。

Answer 1

跨域限制的存在是有原因的。它保护互联网用户。它的存在是为了防止程序员和黑客做很多有害的事情。

您可以采取一些措施来解决这个问题。其中之一是您可以执行 CORS Filter 以允许来自跨域的请求。你说你没有 web.xml 文件。我不确定你的项目是什么样的，但如果你使用的是 Web 服务，那么应该在某处有某种 web.xml 文件。如果您无法进行设置，那么您就不走运了（无法使用像 YQL 或类似的代理这样的好代理）。像 YQL 这样的东西，他们已经设置了 CORS 过滤器以允许来自所有域的请求。调用 YQL 是一个 ajax 调用，就像您尝试执行的 ajax 调用一样。最大的区别是 YQL 服务器具有 CORS Filter 设置，浏览器会检测到并允许跨域请求继续进行。

一旦 CORS 过滤器就位，浏览器将允许您从不同的域访问该域。您不需要寻找一种方法来解决这个问题，而是需要将项目设置为允许跨源请求。

如果您不控制尝试 ping 的 Web 服务，那么您就不走运了。只有 Web 服务的所有者才能访问 web.xml。

Answer 2

要获取 JSONP 格式的结果，请将其附加到 URL 的末尾：&callback=?

试试这个：

$.getJSON('http://www.yem...om/Cata.../M...ogin2?username=blabla&password=blabla123&callback=?', function(xml) {
    alert("CONTROL???");
    $(xml).find('Login').each(function(){
        var logResult = $(this).find('Result').text();
        alert(logResult);
    });
});

跨域脚本也必须在服务器端启用。

Answer 3

我也遇到了类似的问题。我发现这个问题的解决方案解决了我的 XSS 问题：
“无传输”错误/ IE 中的 jQuery ajax 调用

您不必使用 JSONP，因为 CORS 使用 XML 响应。您是否尝试将 support.cors 属性设置为 true （上述问题的解决方案）？

$.support.cors = true;

Answer 4

您可以在 /* comment */ 中的 Javascript 函数中编写 XML，并使用方法 functionname.toString() 将此函数转换为文本，并解析“/”之间的文本*”和“*/”以及 JSONP 的回调函数，适用于所有旧浏览器。示例 xml_via_jsonp.js ：

function myfunc()
{/*
<xml>
<div class="container">
        <div class="panel panel-info col-lg-10 col-lg-offset-1 added-panel">
            <div class="panel-heading">Random1 - Random2</div>
            <div class="panel-body">
                <div>Random3</div>
            </div>
        </div>
    </div>
</xml>
*/}

function callback(func)
{
var myhtml = func.toString();
var htmlstart = myhtml.indexOf('/*');
var htmlend = myhtml.lastIndexOf('*/');
return myhtml.substr(htmlstart+2, htmlend-htmlstart-2);
}