如何在没有刷新的情况下在td中显示从数据库中检索数据

时间:2013-11-20 08:11:29

标签: javascript php jquery html ajax

我有一个下拉框,它有两个客户端(例如:客户端,客户端),我在每个客户端表中有超过2000个数据,当选择客户端时我想从数据库中检索所有数据并在前端显示它在HTML表格中没有刷新,任何人都可以帮助我如何做到这一点

我的下拉代码:

<select name="client" id="client" style="margin:-24px 0 0 1px;background-color:#E8E8E8;width:104px;position: absolute;"> 
   <option value="">Select Client</option>
<?php

$sql=mysql_query("select * from client_list");

$clientid=$_GET['clientid'];
while($row=mysql_fetch_assoc($sql))    
{
    if(strlen($_GET['clientid'])>0 && $_GET['clientid']==$row['clientid']){
    print' <option id="client" name="client" value="'.$row['clientid'].'" selected>'.$row['clientid'].' </option>';}

    else{

            print' <option id="client" name="client" value="'.$row['clientid'].'" >'.$row['clientid'].' </option>';
    }
       }
   ?>
</select>

的Ajax

<script>
$(function() {    document.ready
    $("#client").on("change", function() {
        var ID=$(this).attr('id');
        var clientid=$("#client").val();
        $.ajax({

            type: "POST",
            data: {
                clientselect: $(this).val()
            },
            success: function(data) {
                $("#display").html(data);
                window.location = '?action=clientnetworkpricelist&clientid='+clientid+'';
                $("#flash").hide();
            }
        });
    });
});

</script>

1 个答案:

答案 0 :(得分:1)

你错过了AJAX通话中的网址:

$.ajax({
    url: "server.php",
    type: "post",
    data: {
        clientsel: $(this).val()
    },
    success: function(data) {
        $("#display").html(data);
        window.location = '?action=clientnetworkpricelist&clientid='+clientid+'';
        $("#flash").hide();
    }
});

server.php应执行相应的数据库查询,并输出您要放入display DIV的HTML。