简体   繁体   English

成功ajax发布后如何提交表格?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM