输入文本onkeyup ajax插入到mysql

时间:2013-01-17 15:22:28

标签: mysql ajax forms

我有一个表单,我想将其发布到mysql,而不提交。我发现在每个值上都用ajax发布值。如果我点击一个文本字段,它会向mysql插入一个新行,如果我移动到下一个字段,它会用我的值更新mysql。有可能吗?

我的表格:

 <input type="text" maxlength="50" size="50" value="" name="name">
 <input type="text" maxlength="50" size="50" value="" name="level">
 <input type="text" maxlength="50" size="50" value="" name="pass"> 
 <input type="text" maxlength="50" size="50" value="" name="date">

1 个答案:

答案 0 :(得分:0)

使用id创建隐藏输入并且不给它任何值,然后在每个keyup事件上提交,如果id字段为空,则运行插入查询并返回id,并使用值更新id字段。如果该值不为空,请使用表单数据运行更新查询。我提供了一个使用jQuery的例子,但没有它你可以做同样的事情。使用jQuery或任何其他库,Ajax更容易。

<input type='hidden' id='id' name='id' value=''/>


$('input').keyup(function(){
  var data = $('#myform').serialize();
  $.ajax({
    type:'post',
    data:data,
    url:'...',
    dataType:'json',
    success:function(response){
       var id = response.id;
       if(typeof(id) != 'undefined'){
          $('#id').val(id);
       }
    }
  });
});