使用Ajax获取DIV内容

时间:2014-04-28 21:43:46

标签: javascript jquery ajax

我能够从第二页获得结果,但问题是我得到HTML输出中的所有内容,我只想要它的某些部分...
我已经使用jQuery和JavaScript大约1K的代码行,并且通过从ajax加载整个页面它只是打破整个应用程序...
来自secondPage的内容是动态的,它有javascript和jquery,我不需要那个最终结果,但我是为了得到这个过程......所以..

secondpage.php只是我第一页上的一个表单,所以我的“Ajax”就像这样的“main_page.php”......

function getXMLHTTP() { //function to return the xml http object
    var xmlhttp=false;
    try{
        xmlhttp=new XMLHttpRequest();
    }
    catch(e)    {
        try{
            xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(e){
            try{
                xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
            }
            catch(e1){
                xmlhttp=false;
            }
        }
    }
    return xmlhttp;
}
function getNenes(medi) {
    var strURL ="secondpage.php?id="+medi;
    var req = getXMLHTTP();
    if (req) {
        req.onreadystatechange = function() {
            if (req.status == 200) {
                document.getElementById('copy').innerHTML=req.responseText;
            }
        }
        req.open("GET", strURL, true);
        req.send(null);
    }
}

如果您想将它用于任何您想要的任何内容,这是一个功能性脚本。
现在在我的secondpage.php上,这就是我所拥有的... ... ...

<?php
include ('connect.php');
// lets make a header
header('Content-Type: text/html; charset=utf-8');

if (isset($_GET['id'])) {
 // lets make a query and all that is need
 // to fetch the information based on the ID #
} else {
 // lets add a header 
 header ("Location: you_are_not_allow.php");
}
?>
<!-- let put our HTML -->
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <!-- Required -->

<div id="copy">
 <!-- everything that is here is what we want -->
 <!-- form input's, div's, span's ...etc -->
 <!-- I have a few foreach for input's array -->
 <!-- Anything else is useless for the main page -->
</div>
 <!-- Now I need to put the info for each input that I might get -->
 <!-- for that I'm using array's -->
<?php
echo '<script type="text/javascript">';
foreach ($m as $n) {
echo '$("#d_'.$c.'").children("option[value=\''.$d->ds.'\']").prop("selected",true);';
    $c++;
}
echo '</script>';
?>

所以,直到这一点,一切正常“正常”,事情就是当我从secondpage.php得到结果时,我不希望&lt;脚本&gt;只有ID拷贝的第一个div里面的东西......

我不使用并在main_page.php上引起冲突的事情是:

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

<?php
    echo '<script type="text/javascript">';
    foreach ($m as $n) {
    echo '$("#d_'.$c.'").children("option[value=\''.$d->ds.'\']").prop("selected",true);';
        $c++;
    }
    echo '</script>';
    ?>

那么我怎样才能获取<div id = "copy">内的内容?

1 个答案:

答案 0 :(得分:0)

您可以使用JQuery获取此标记的内部 $("#copy")选择标记。 $("#copy").html()获取内部的内容