Ajax를 사용하여 DIV 내용 가져 오기

두 번째 페이지에서 결과를 얻을 수 있지만 HTML 출력에있는 모든 것을 가져 오는 것이므로 일부만 원할 것입니다 ...
저는 이미 jQuery와 JavaScript를 사용하는 약 1K 개의 코드 라인을 가지고 있습니다. 아약스 전체 페이지를로드하면 전체 애플리케이션이 중단됩니다.
secondPage의 내용은 동적이며 javascript와 jquery가 있습니다. 나는 최종 결과를 위해 그것을 필요로하지 않는다. 그러나 나는 과정을 얻는다. .. 그래서Ajax를 사용하여 DIV 내용 가져 오기

secondpage.php는 나의 첫번째 페이지의 단지 기초 자료 다. 그래서 나의 "Ajax"는 "main_page .php "이렇게 ...

지금 내 secondpage.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); 
    } 
}

당신은 당신이 원하는대로 그것을 사용하려는 경우이 기능 스크립트입니다 ...

<?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의 결과를 얻을 때 나는 < 스크립트를하지 않는다는 것입니다> 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"> 내부에 무엇을 가져올 수 있습니까?

출처

2014-04-28 Tanker

봐 여기 안에 뭐가 얻을 : http://stackoverflow.com/questions/23076982/replace-the-div-content-with-ajax?rq=1 – uncoder

실제로에 같은 방식으로 작동 내가 두 번째 페이지의 전체 HTML을 제공합니다. 원하는 부분이 아니지만 감사합니다. – Tanker

AJAX 요청을 다른 페이지로 만들면 항상 전체 페이지 즉, 어떻게 디자인되었는지를 반환합니다. 당신이 할 수있는 일은 PHP 페이지를 약간의 정보를 보내고 그 정보를 사용하여 당신이 찾고있는 것만을 출력합니다. 우리는 전체 페이지를 반환하는 것이 너무 다루기 힘들 때 여러 번이 기술을 사용했습니다. –

JQuery $("#copy")을 사용하여이 태그의 내부를 가져 와서 태그를 선택할 수 있습니다. $("#copy").html()는

출처

2014-04-28 21:59:22 tlins

Ajax를 사용하여 DIV 내용 가져 오기

답변

관련 문제