[英]How to submit form after success ajax post?
When i load page index.php
, and click link DELETE
, it's will be post value to demo.php
当我加载页面
index.php
,并单击链接DELETE
,它将是demo.php
发布值。
and in demo.php
after update data into table product
why not auto submit form id="myForm"
. 在将数据更新到
table product
为什么在demo.php
为什么不自动提交表单id="myForm"
。
. 。
index.php 的index.php
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
function delete_pro_fn() {
$('#mySpan').hide();
$('#loading').show();
$.ajax
(
{
url: 'demo.php',
type: 'POST',
data: $('#fid1').serialize(),
cache: false,
success: function (data) {
$('#loading').hide();
$('#mySpan').show();
$('#mySpan').html(data);
}
}
)
}
</script>
<form id="fid1" method="post" action="" ENCTYPE = "multipart/form-data" style=" display: none; ">
<input type="text" name="id_delete" value="1234567890"/>
</form>
<a href="JavaScript:delete_pro_fn()">DELETE</a>
<div id="loading" style="display: none;">Loading..........................</div>
<div id="mySpan"></div>
demo.php demo.php
<?PHP
include("connect.php");
$sql = "UPDATE product SET delete = '1' WHERE id = '$_POST[id_delete]'";
$dbQuery = mysql_query($sql);
?>
<form name="myForm" id="myForm" action="products.php" method="POST">
<input name="delete" value="1" />
</form>
<script type="text/javascript">
window.onload = function(){
document.forms['myForm'].submit()
}
</script>
To submit the form after the ajax post, just: 要在ajax发布后提交表单,只需:
$('#myForm').submit();
edit complete function: 编辑完成功能:
function delete_pro_fn() {
$('#mySpan').hide();
$('#loading').show();
$.ajax
(
{
url: 'demo.php',
type: 'POST',
data: $('#fid1').serialize(),
cache: false,
success: function (data) {
$('#loading').hide();
$('#mySpan').show();
$('#mySpan').html(data);
$('#myForm').submit();
}
}
)
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.