पूरे पृष्ठ को पुनः लोड किए बिना एक div को फिर से लोड कैसे करें?

Question

मुझे लगता है कि मैं जो पूछ रहा हूं वह आप में से अधिकांश के लिए वास्तव में आसान है। मैं पूरे पृष्ठ को पुनः लोड किए बिना एक div को फिर से लोड करना चाहता हूं। ऐसा करने का सबसे अच्छा तरीका क्या है?

<div class="black_text" id="cp_in_content_div"> 
<?php 
$id = $_GET["id"]; 
$result = mysql_query("SELECT * FROM Setting WHERE ID = $id"); 
$row = mysql_fetch_array($result); 
switch ($_GET["action"]) 
{ 
    case "delete": 
    if (!unlink("$_SERVER[DOCUMENT_ROOT]setting/$row[Filename]")) 
    { 
     echo "Error."; 
     header("Refresh: 2.5; URL=delete_setting.php?id=$id"); 
     exit(); 
    } 
    if (!mysql_query("DELETE FROM Setting WHERE ID = $id")) 
    { 
     echo "Error."; 
     header("Refresh: 2.5; URL=delete_setting.php?id=$id"); 
     exit(); 
    } 
    else 
    { 
     echo "Ok!"; 
     header("Refresh: 1.25; URL=index.php"); 
    } 
    break; 
    default: 
    echo "form"; 
} 
?> 
</div> 

मुझे उन शीर्षकों की आवश्यकता है ("ताज़ा करें: ...") केवल पृष्ठ के बजाय div को पुनः लोड करने के लिए।

Answer 1

$("#div_element").load('script.php'); 

डेमो: http://sandbox.phpcode.eu/g/2ecbe/3

पूरे कोड:

<div id="submit">ajax</div> 
<div id="div_element"></div> 
<script> 
$('#submit').click(function(event){ 
    $("#div_element").load('script.php?html=some_arguments'); 

}); 
</script> 

Answer 2

jQuery.load() शायद सबसे आसान तरीका डेटा लोड करने के अतुल्यकालिक रूप से एक चयनकर्ता का उपयोग है, लेकिन आप भी jQuery ajax किसी तरीके को इस्तेमाल कर सकते हैं (प्राप्त करें, पोस्ट करें, getJSON, AJAX, आदि)

ध्यान दें कि लोड आपको एक चयनकर्ता का उपयोग करने की अनुमति देता है ताकि यह निर्दिष्ट किया जा सके कि लोड की गई स्क्रिप्ट का कौन सा टुकड़ा आप लोड करना चाहते हैं , में

$("#mydiv").load(location.href + " #mydiv"); 

ध्यान दें कि यह तकनीकी रूप से पूरे पृष्ठ लोड करता है और jQuery सब कुछ है, लेकिन आप अपने चयन निकालता है, लेकिन है कि सभी आंतरिक रूप से किया है के रूप में।

Answer 3

एक बटन टैग और क्लिक समारोह

var x = document.getElementById('codeRefer').innerHTML; 
    document.getElementById('codeRefer').innerHTML = x; 

लिखने यह सब onclick समारोह में

Answer 4

इस प्रयोग पर लिखें।

$('#mydiv').load(document.URL + ' #mydiv'); 

नोट, hastag से पहले एक जगह शामिल करें।