保存通过AJAX jQuery的POST数据与表单提交 [英] save data through ajax jquery post with form submit

问题描述

我有一个形式，我想通过AJAX jquey保存数据post.if保存按钮的类型=提交，它没有做任何这只是一句警告...我想保存数据，并保持在同一与刷新领域......这里的形式是什么，我都试过

  $（＃saveNewContact）。点击（函数（）{
  变种名称= $（＃NAME）VAL（）。
  。VAR姓氏= $（＃姓氏）VAL（）;
  $。员额（ajax_files / save_mydeals.php，{名字：名字，姓氏：姓氏}，
   成功：函数（MSG）{
     警报（味精）;
  }）;
 }）;
 

和这里是我的表格

 ＆LT;形式ID =myForm的行动=＃的方法=邮报＆GT;
＆LT;表ID =TABLE_1级=form_tableALIGN =中心的cellpadding =0CELLSPACING =0＆GT;
＆LT; TBODY＆GT;
  ＆其中; TR＆GT;＆其中; TD＆GT;
    ＆LT;输入名称=名称ID =名称值=的tabindex =5只读=类型=文本＆GT;
    ＆LT;输入名称=名称ID =名称值=的tabindex =5只读=类型=文本＆GT;
    ＆LT;按钮类型=提交ID =升级的风格=显示：无;
     类=save_button saveHEXNAME =更新
     值=更新列表＆GT;保存铅＆LT; /按钮＆GT;＆LT; / TD＆GT;
  ＆LT; / TR＆GT;
 ＆LT; /表＆gt;
 ＆LT; /形式GT;
 

解决方案

这样来做

HTML

 ＆LT;表格名称=FRM的方法=POST行动=＆GT;
 ＆LT;输入类型=文本名称=名称ID =名称值=/＆GT;
 ＆LT;输入类型=文本名称=姓氏ID =姓氏值=/＆GT;
 ＆LT;输入类型=提交名称=更新ID =升级值=更新/＆GT;
＆LT; /形式GT;
 

您的jQuery

  $（＃更新）。点击（函数（五）{
  即preventDefault（）;
  变种名称= $（＃NAME）VAL（）。
  。VAR姓氏= $（＃姓氏）VAL（）;
  VAR dataString =NAME ='+名字+'和;姓氏='+姓氏;
  $阿贾克斯（{
    键入：POST，
    数据：dataString，
    网址：insert.php，
    成功：功能（数据）{
      警报（数据）;
    }
  }）;
}）;
 

所以在 insert.php 页

 ＆LT; PHP
  $名称= $ _ POST ['名称'];
  $姓氏= $ _ POST ['姓氏'];
  $插入=INSERT INTO TABLE_NAME值（'$名字'，'$姓氏'）; //做你的插入查询
  如果（的mysql_query（$插入））{
   回声成功;
  } 其他 {
   回声无法插入;
  }
？＆GT;
 

希望这给一个想法

i have a form and i want to save data through ajax jquey post.if the save button is type="submit",it do not do any this just empty alert...i want to save data and remain on same form with refresh fields...here is what i have tried

$("#saveNewContact").click(function () {
  var name       = $("#name").val(); 
  var last_name  = $("#last_name").val();
  $.post("ajax_files/save_mydeals.php", {name: name, last_name: last_name},
   success: function(msg){ 
     alert(msg);
  });
 });

and here is my form

<form id="myForm" action="#" method="post">
<table id="table_1" class="form_table" align="center" cellpadding="0" cellspacing="0">
<tbody>
  <tr><td>
    <input  name="name"  id="name" value="" tabindex="5" readonly="" type="text">
    <input  name="name"  id="name" value="" tabindex="5" readonly="" type="text"> 
    <button type="submit" id="update" style="display:none;" 
     class="save_button saveHEX" name="Update" 
     value="Update Listing">Save Lead</button></td>
  </tr>
 </table>
 </form>

解决方案

Do it this way

HTML

<form name="frm" method="POST" action="">
 <input type="text" name="name" id="name" value="" />
 <input type="text" name="last_name" id="last_name" value="" />
 <input type="submit" name="Update" id="update" value="Update" />
</form>

Your jQuery

$("#update").click(function(e) {
  e.preventDefault();
  var name = $("#name").val(); 
  var last_name = $("#last_name").val();
  var dataString = 'name='+name+'&last_name='+last_name;
  $.ajax({
    type:'POST',
    data:dataString,
    url:'insert.php',
    success:function(data) {
      alert(data);
    }
  });
});

So in the insert.php page

<?php
  $name = $_POST['name'];
  $last_name = $_POST['last_name'];
  $insert = "insert into TABLE_NAME values('$name','$last_name')";// Do Your Insert Query
  if(mysql_query($insert)) {
   echo "Success";
  } else {
   echo "Cannot Insert";
  }
?>

Hope this gives an Idea

这篇关于保存通过AJAX jQuery的POST数据与表单提交的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！