使用ajax并在同一个url上更新数据库?

时间:2013-10-28 20:23:13

标签: php jquery ajax

我有一个表单,其中包含一个包含1-31号码的select标签。我要做的是使用select标记中的值更新数据库(如果用户更改它)(默认值是数据库中的值,即$drop_d没有重新加载一页。 以下代码似乎不起作用,我认为我将数据发送到ajax的方式存在问题。

此变量包含默认值:

  $drop_d =  $e_r[drop_d];  

表格:

<form> Number of days:  <select name="dropD" id="dropID"> <?php for($i=1; $i<=31; $i++){  ?> <option value="<?php echo $i;?>" <?php if($i==$drop_d){ ?> selected="selected" <?php } ?> > <?php echo $i;  } ?> </select> </form> <br />

的Ajax:

<script>
$('#dropID').change(function(){
   alert(1);
    var url = document.URL;
    var blah = $('#dropID').val()
    alert(blah);
    alert(url);
    $.ajax({
        type: 'POST',
        url: url,
        data: {newFieldValue: blah},
        dataType: 'html'
    }).done( function(){
            alert(1);
            blah.hide();
        });
});
</script>

数据库更新:

<?php
        $newFieldValue = $_POST['newFieldValue'];
        $updateD = 'UPDATE en SET drop_d = $newFieldValue WHERE name=$name;
        mysql_query($updateD);

             ?>

2 个答案:

答案 0 :(得分:1)

$('select#dropID').on('change' , function(){
    var url = document.URL;
    var blah =  $('select#dropID').val();
    $.ajax({
        type: 'POST',
        url: url,
        data: {newFieldValue:blah},
        dataType: 'html'
    });
});

答案 1 :(得分:0)

您已定义了id值id="dropID,因此您的jQuery应为:

$('#dropID').val()