如何使用jQuery在变量中加载页面内容

时间:2015-06-10 23:58:10

标签: javascript jquery html ajax get

这里有点问题。

我正在尝试用jQuery / JS变量加载/获取/窃取我自己的内容页面2小时(我试图理解野兽背后的逻辑)。

现在我们是,我的问题:

$(document).ready(function(){
    var string = $.get( "/main.html", function( data ){
                    return $(data).html();
                }, "html");
    alert($(string).html());
    document.title = 'Test ~ Main';
    return false;
});

我几乎没有尝试将main.html页面的内容保存在变量中以允许我快速加载内容。

我的main.html页面很简单:

<html>
   <h1>Welcome on main page</h1>
   <p>Welcome again on main page</p>
</html>

一旦我有一个空警报,经过一些修改我得到一个Object对象。我是google.load()1.4.1因为我正在阅读关于jQuery的tut并且我切换到1以查看是否没有改进。在此之前我抓住了xmlhttprequest返回值......

所以更多的测试,更改,冰淇淋和jQuery.get()doc / manual对我帮助不大。

感谢所有传入的答案。

法国计算机科学专业的学生。

编辑:那里,这是我的所有脚本标签 - &gt; http://pastebin.com/pu43wrq2 也许问题出在里面。那就是躲避负载(“/ main.html”),我想将main.html,work.html和contact.html(曾经且只有一次)存储在一个数组(例如)中以快速切换页面。

1 个答案:

答案 0 :(得分:2)

数据是你用js连接的另一个文件的输出..在你的情况下数据已经是html ..所以尽量使用

$(document).ready(function(){
    var string;
    $.get( "/main.html", function( data ){ // check your main.html path
                    alert(data); // check data 
                    string = data; // make string from the data
                }, "html");
    alert(string); // alert string
    document.title = 'Test ~ Main';
    return false; // no need to return false
});

使用此代码,您应该获得2个警报..其内容相同但第一个来自数据,第二个来自字符串

如果您有空警报,请检查您的main.html路径