mysql - Input text onkeyup ajax insert to mysql

Question

I have a form, and i want to post it to mysql, without submit. I found out to post the values with ajax on every values. If i click on the one text field it inserts a new row to mysql and if i move to the next field it updates the mysql with my values. Is it possible?

My form:

 <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">

etc.

Answer 1

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

<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);
       }
    }
  });
});