从responseText获取特定的div内容并将源代码保存到数据库中

时间:2014-05-20 13:10:19

标签: javascript jquery html ajax

我试图获取一个特定的div内容,包括来自responseText的另一个页面的所有元素

html文件的正文如下所示:

<div id="div_1">
    <div><h1> Title 1 </h1></div>
    <div><img src="blah1.jpg" /></div>
    <div><p> Lorem Ipsum </p></div>
</div>
<div id="div_2">
    <div><h1> Title 2 </h1></div>
    <div><img src="blah2.jpg" /></div>
    <div><p> Lorem Ipsum </p></div>
</div>

这是获取整个html页面源代码的函数:

function getSourceCode() {
    var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange=function(){
        if (xmlhttp.readyState==4 && xmlhttp.status==200){
            var source_code = xmlhttp.responseText;
            alert(source_code);
        }
    }
    xmlhttp.open("GET","test.html",true);
    xmlhttp.send(); 
}

我现在的问题是如何只获取&#34; div_1&#34;的源代码。元件。我想将此源代码保存到数据库中。我尝试使用getElementbyId(&#34; div_1&#34;),但它没有用。

1 个答案:

答案 0 :(得分:2)

尝试.filter()出所需元素并使用.html()获取其innerHtml,

$(source_code).filter('#div_1').html()