2011-06-07 91 views
0

目前我正在試圖建立一個基於一個下拉選擇一個Ajax/PHP的網格。阿賈克斯下拉列表中選擇和網格(PHP)

首先在頁面上我有一個下拉選擇框,選擇上一個變量傳遞到執行SELECT語句中的PHP頁面,我贊同一個表網格出來的頁面。

我一直在使用jQuery的庫/ jquery.dataTables.js使表進行排序,並且易於操作。表/網格輸出,但排序列和分頁不起作用任何人都可以幫助Ps。我也試過其他網格庫,並且不工作?

請參閱使用下面這就是代碼:

<script type="text/javascript" src="/js/jquery-1.5.1.js"></script> 
<script type="text/javascript" src="/js/jquery.dataTables.js"></script> 
<script type="text/javascript" charset="utf-8"> 
$(document).ready(function() { 
    $('table#example').dataTable({ 
     "sPaginationType": "full_numbers" 
    }); 
}); 
</script> 


<script type="text/javascript"> 
function selMetal(str,str2){ 
    if (str==""){ 
    document.getElementById("txtHint").innerHTML=""; 
     return; 
    } 
    if (window.XMLHttpRequest){ 
     // code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp=new XMLHttpRequest(); 
    }else{ 
     // code for IE6, IE5 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange=function(){ 
     if (xmlhttp.readyState==4 && xmlhttp.status==200){ 
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText; 
     } 
    } 
    xmlhttp.open("GET","sql.php?m="+str+"&s="+str2,true); 
    xmlhttp.send(); 
} 
</script> 

然後PHP腳本出回聲表其間

感謝您提前幫助。

回答

1

你不必使用檢測瀏覽器,並AJAX調用。只需使用.ajax()方法。您應該使用此代碼:

<script type="text/javascript"> 

function selMetal(str,str2){ 
    if (str==""){ 
    document.getElementById("txtHint").innerHTML=""; 
     return; 
    } 

    $.ajax({ 
     url: "sql.php", 
     data: {m:str, s:str2}, 
     success: function(data) { $("#txtHint").html(data); }, 
     dataType: "html" 
    }); 

} 

</script> 

不確定這會解決您的問題與否。試試看:-)

+0

謝謝,但我的代碼正在將變量發送到PHP,但是發生了什麼事情是一個表被回顯出來的PHP這是回聲在一個div之間:

Column 1Column 2
data 1data 1data 2data 2
,我使用jquery的數據表庫來對列進行排序,但排序不起作用。如果我的表是不是從PHP呼應和表剪切並粘貼到HTML頁面,則排序works.Does誰知道爲什麼該表的排序是行不通的。 – Dino 2011-06-07 18:02:35