Làm cách nào để tải lại div mà không cần tải lại toàn bộ trang?

Question

Tôi cho rằng những gì tôi yêu cầu thực sự dễ dàng đối với hầu hết các bạn. Tôi muốn tải lại một div mà không cần tải lại toàn bộ trang. Cách tốt nhất để làm điều đó là gì?

<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> 

Tôi cần tiêu đề đó ("Làm mới: ...") để chỉ tải lại div thay vì trang.

Answer 1

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

demo: http://sandbox.phpcode.eu/g/2ecbe/3

toàn bộ mã:

<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() có lẽ là cách dễ nhất để tải dữ liệu không đồng bộ sử dụng một selector, nhưng bạn cũng có thể sử dụng bất kỳ phương pháp jquery ajax (get, post, getJSON, ajax, vv)

Lưu ý rằng tải cho phép bạn sử dụng bộ chọn để chỉ định phần nào của tập lệnh được tải mà bạn muốn tải , như trong

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

Lưu ý rằng kỹ thuật này tải toàn bộ trang và jquery xóa mọi thứ trừ những gì bạn đã chọn, nhưng tất cả được thực hiện nội bộ.

Answer 3

viết một thẻ nút và về chức năng nhấp chuột

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

viết này tất cả các chức năng onclick

Answer 4

Sử dụng này.

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

Lưu ý, bao gồm khoảng trắng trước thẻ.