使用Ajax&amp ;;加载数据库表PHP

时间:2015-02-20 17:04:52

标签: php mysql ajax

我有一个这样的下拉菜单:

<select name="location_" required="required" id="location_">
        <option value="Location_1">Location_1</option>
        <option value="Location_2">Location_2</option>
        <option value="Location_3">Location_3</option>
</select>

所以我需要的是,当我选择下拉菜单中的一个选项时,自动加载一个表格,该表格包含我的选择...

例如:

我在mySQL数据库中:

表1:位置1 表2:位置2 表3:位置3

如果我在下拉菜单中自动选择位置2,我将在表格2中加载Ajax,并为其他选择加载

1 个答案:

答案 0 :(得分:0)

JS:

$('#location_').on('change', function(e) {
    $.post("ajax/get-table.php", { 'option' : $(this).val() }, function(data){
        //whatever you want to do with the response from the file
    }
    e.preventDefault();
});

然后在ajax/get-table.php内,您可以调用数据库并抓取您需要的任何内容。将其作为json编码的字符串(或数组,取决于您的需求)返回。在繁荣中,您将获得一个名为data的JS变量中的信息,您可以将数据放在需要它的地方。