ajax函数on change下拉值

时间:2015-03-17 09:16:04

标签: javascript php ajax

大家好! 在PHP page1中,我的代码就在这里..

    <html>
    .
    ...
    <select id="customer">...</select>
    ..
    ....
    <div id="show"></div>
    //and Java script function (ajax call)
   <script>
   $('#customer').change(function(){
        var Id = $(this).val();
    $.ajax({
        type: "GET",
        url: "page2.php",
        data: "ID="+id,
        success: function( data ) {
            document.getElementById("show").innerHTML = data;
        }
    });
    });
    </script>
    </html>

在php page2中作为代码..

<?php
$ID=$_GET['ID'];
...
//db connection code
..
$sql="select * from Table1 where id='$ID'";
//result code..
//while loop..
//echo something..
// all working without error..
?>

所以,当我试图这样做时。它没有显示成功数据或者可能是Ajax功能不起作用。我已经检查过alert(数据); 但不提醒任何事情。 请帮忙。

1 个答案:

答案 0 :(得分:2)

你将给出$ get_id变量的回显。但是你将确保page2.php页面中只有一个回声。

<?php
echo $get_id=$_GET['pass_id'];
...
//db connection code
..
$sql="select * from Table1 where id='$get_id'";
//result code..
//while loop..
//echo something..
// all working without error..
?>

然后在page1.php中检查你的ajax响应。使用警报功能。

 <script>
   $('#customer').change(function(){
        var id = $(this).val();
    $.ajax({
        type: "GET",
        url: "page2.php",
        data: "pass_id="+id,
        success: function( data ) {
              alert(data);

            document.getElementById("show").innerHTML = data;
        }
    });
    });
    </script>