使用表单提交通过ajax jQuery post保存数据

我有一个表单,我想通过ajaxjquerypost保存数据。如果保存按钮是type=“submit”,它不会执行任何操作,这只是一个空警报。。。我想保存数据,并与刷新字段保持相同的形式

以下是我尝试过的:

$(“#saveNewContact”)。单击(函数(){
var name=$(“#name”).val();
var last_name=$(“#last_name”).val();
$.post(“ajax_文件/save_mydeals.php”,{name:name,last_name:last_name},
成功:函数(msg){
警报(msg);
});
});

这是我的表格

<form id=“myForm”action=“#”method=“post”>
<table id=“table_1”class=“form_table”align=“center”cellpadding=“0”cellspacking=“0”>
<t车身>
<tr&gt&书信电报;td>
<输入name=“name”id=“name”value=”“tabindex=“5”readonly=”“type=“text”>
<输入name=“name”id=“name”value=”“tabindex=“5”readonly=”“type=“text”>
<按钮type=“提交”id=“更新”style=“显示:无
class=“保存”按钮saveHEX“name=“更新”
value=“更新列表”>节省潜在客户&lt/按钮&gt&lt/td>
&lt/tr>
&lt/表>
&lt/表格>

这样做

HTML

<form name=“frm”method=“POST”action=”“>
<输入type=“text”name=“name”id=“name”value=”“/>;
<输入type=“text”name=“last\u name”id=“last\u name”value=”“/>;
<输入type=“submit”name=“Update”id=“Update”value=“Update”/>
&lt/表格>

您的jQuery

$(“#更新”)。单击(功能(e){
e、 预防默认值();
var name=$(“#name”).val();
var last_name=$(“#last_name”).val();
var dataString='name='+name+'和last_name='+last_name;
$.ajax({
类型:'POST',
数据:dataString,
url:'insert.php',
成功:功能(数据){
警报(数据);
}
});
});

因此在insert.php页面中

<?php
$name=$_POST['name'];
$last_name=$_POST['last_name'];
$insert=“插入到表名称值(“$NAME”,“$last_NAME”)”;//执行插入查询
if(mysql_查询($insert)){
呼应“成功”;
}否则{
echo“无法插入”;
}
?>

希望这能给你一个想法

发表评论