2011-08-24 155 views
6

我想我所問的對你們大多很容易。我想重新加載一個div而不重新加載整個頁面。什麼是最好的方式來做到這一點?如何在不重新加載整個頁面的情況下重新加載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而不是頁面。

+0

歡迎來到SO @Gabriele!你能編輯問題來提供你正在使用的代碼嗎? –

+1

@jas:我覺得他沒有代碼:) – genesis

+0

我編輯它.... – Gabriele

回答

7
$("#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> 
12

jQuery.load()可能是加載數據的最簡單方法異步使用選擇,但你也可以使用任何的jQuery ajax方法( get,post,getJSON,ajax等)

請注意,加載允許您使用選擇器來指定要加載的加載腳本的哪一部分,如

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

請注意,此技術上並加載整個頁面和jQuery刪除一切,但你選擇了什麼,但是這一切都在內部完成。

1

寫一個按鈕,標籤和點擊功能

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

寫這一切的onclick功能

1

使用此。

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

注意,在hastag之前包含空格。

相關問題