Question

我想加载外部页面（页面不是我的应用程序的一部分）。基本上我想加载一个网页，例如http://www.w3schools.com/ajax/default.asp

我想将这个asp页面显示在我页面上的div元素中。我想使用jQuery Mobile / Javascript。我尝试过类似的东西 -

    $.ajax({
    type: "GET",
    url: "http://www.w3schools.com/ajax/default.asp",
    success: function(data){
            $("div").html(data);
    },
    error: function(xhr, ajaxOptions, throwerror) 
             {
                      alert('response' + xhr.responseText);}
    });

或

    $.load("http://www.w3schools.com/ajax/default.asp", function(data){
            $("div").html(data);
    }

我不想使用IFrame，我认为它在jQuery Mobile中不受支持。

Answer 1

您必须使用iframe。这是正确的做法！

Answer 2

您无法从其他域请求数据，因为Access-Control-Allow-Origin不允许这样做，除非该域允许来自您域的请求。您必须使用iFrame或从服务器发布请求，该请求可以获取URL的内容并将其吐回给您。

Answer 3

你说“jQuery Mobile”，我认为你可以用jquery mobile的配置来做： http://demos.jquerymobile.com/1.3.2/faq/how-configure-phonegap-cordova.html

如果你使用phonegap（cordova），你也可以这样做： http://cordova.apache.org/docs/en/3.4.0/guide_appdev_whitelist_index.md.html#Whitelist%20Guide

jQuery将外部页面（跨域）加载到Div元素中

3 个答案: