Ajax下拉选择和网格(PHP)

Question

我目前正在尝试建立一个基于下拉选择的Ajax / PHP网格。

首先在页面上，我有一个下拉选择框，在选择时，一个变量被传递到一个PHP页面，该页面执行一条select语句，我回显一个表格网格到页面。

我一直在使用jquery / jquery.dataTables.js库来实现表的可排序和易于导航。表/网格已输出，但对列进行排序和分页不起作用，任何人都可以帮助P。我也尝试过其他网格库，但都不起作用？

请看下面使用的代码：

<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脚本回显中间的表。

提前感谢您的帮助。

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

我不确定这是否能解决你的问题。试一试:-)