我目前正在尝试基于下拉选择构建一个Ajax/PHP网格。
首先,在页面上,我有一个下拉选择框,在选择时,一个变量被传递到一个执行选择语句的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脚本在之间回声表
谢谢你提前提供的帮助。
您不需要使用检测浏览器和进行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>
不确定这是否能解决你的问题。尝试一下:-)