Javascript jQuery Ajax保存后删除提交
这是我的密码Javascript jQuery Ajax保存后删除提交,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,这是我的密码 <form method="post" role="form" id="form" enctype="multipart/form-data" autocomplete="off"> <input type="submit" id="save" name="save" value="Simpan Data Client" class="btn" style="font-size:0.7em; letter-spacing:1px; color:#666666"
<form method="post" role="form" id="form" enctype="multipart/form-data" autocomplete="off">
<input type="submit" id="save" name="save" value="Simpan Data Client" class="btn" style="font-size:0.7em; letter-spacing:1px; color:#666666" /> //For save
<input type="submit" id="delete" name="delete" value="Delete Client" class="btn-delete" style="font-size:0.7em; letter-spacing:1px; color:#666666; padding:8px 15px" /> //For Delete
</form>
<script type="text/javascript">
$("#form").on("submit",function (e)
{
e.preventDefault();
var formData = new FormData($(this)[0]);
$.ajax(
{
url:'Master/Database/Client/RunClient.php',
type: 'POST',
data: formData,
contentType: false,
enctype: 'multipart/form-data',
processData: false,
beforeSend:function()
{
document.getElementById("loading").style.display = "";
},
complete:function()
{
//document.getElementById("loading").style.display = "none";
},
success:function(result)
{
document.getElementById("info").innerHTML = result;
var n = result.search("error");
if(n < 0) /*document.getElementById("form").reset();*/ $(".input").val('');
}
});
});
</script>
//为了节省
//删除
$(“#表格”)。关于(“提交”,职能(e)
{
e、 预防默认值();
var formData=新formData($(此)[0]);
$.ajax(
{
url:'Master/Database/Client/RunClient.php',
键入:“POST”,
数据:formData,
contentType:false,
enctype:“多部分/表单数据”,
processData:false,
beforeSend:function()
{
document.getElementById(“加载”).style.display=“”;
},
完成:函数()
{
//document.getElementById(“加载”).style.display=“无”;
},
成功:功能(结果)
{
document.getElementById(“info”).innerHTML=结果;
var n=结果搜索(“错误”);
if(n<0)/*document.getElementById(“form”).reset();*/$(“.input”).val(“”);
}
});
});
我可以从表单中获取所有数据,但输入类型提交除外。
我无法在我的RunClient.php中使用isset($\u POST[“save”])和isset($\u POST[“delete”])。根据单击的按钮,为提交和通过“提交类型”创建单独的函数
$('#save').click(function() {
submitForm('save');
});
$('#delete').click(function() {
submitForm('delete');
});
function submitForm(submittype) {
var formData = new FormData();
//push your form data to formData and add the submittype
formData['type'] = submittype
}
在php文件中
$submittype = $_POST['type']; // 'save' or 'delete'
if($submittype == 'save') {
//do save action
}
if($submittype == 'delete') {
//do delete action
}
我使用按钮避免提交输入和更改
<button type="button" id="save">SUBMIT</button> //For save
<script type="text/javascript">
$("#save").on("click",function (e)
{
});
</script>
编辑。对不起,我没听懂你的问题。
只需使用javascript控制单击的按钮,并使用隐藏字段指定一个值 “$”(“#表单”)。在(“提交”,函数(e)”上,将函数替换为
$(“#保存”)。单击(函数(){
}))
$(“#删除”)。单击(函数(){
})您不会在AJAX请求中获取按钮数据,因为默认情况下它不会添加到
FormData
中。如果您需要它,您可以append()
itThank's i use single button with select Now i get it,但是如何获取表单数据?有很多方法,例如-$('#myForm')。序列化()
或$('#myForm')).serializeArray()
ETC请参见此-如下图所示?formData=$(“#myForm”).serialize();然后在输入sumbittype之后,我使用我的ajax?在这里-,在发布ajax之后,例如data:myFormData
,请参见此-如果我这样做,我需要2个正确的运行文件?1个用于添加/更新,另一个用于删除?
data: {
foo: 'var'
foo2: 5
},