成功后如何提交表单ajax帖子
How to submit form after success ajax post?
当我加载页面index.php
并单击链接DELETE
时,它将被张贴到demo.php
在demo.php
中,将数据更新到table product
后,为什么不自动提交表单id="myForm"
.
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
<?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>
要在ajax发布后提交表单,只需:
$('#myForm').submit();
编辑完成功能:
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>
相关文章:
- Ajax发布表单序列化,发布引号'
- JS验证ajax返回的html中的表单数据
- 将图像上传ajax与表单提交ajax相结合
- 使用ajax将数据从一个步骤发送到下一个步骤的3步表单
- 表单不会通过ajax提交
- Django-提交表单Ajax(替换Div)
- 在wordpress中添加带有短代码的联系表单ajax
- 成功后如何提交表单ajax帖子
- 同一页面上的多个表单AJAX
- 表单AJAX发送内部的twitter引导模式(Symfony2)
- 在Javascript中获取重力表单AJAX确认消息而不是输出
- HTML提交表单ajax响应
- Javascript表单AJAX样式
- 动态填充的Jquery表单;Ajax
- 对提交表单ajax帖子进行验证
- fanybox表单ajax post关闭提交
- jQuery表单:Ajax响应被显示,但是源代码中没有显示
- 重新加载提交表单Ajax调用
- 在jQuery上正常重新发送HTML表单ajax失败
- fanybox表单ajax提交,只有一个ajax请求