通过Ajax问题提交表单 - Submitting a form via Ajax issue

Submitting a form via Ajax issue

本文关键字：表单提交问题 Ajax 通过 | 更新日期: 2023-09-27

我有一个页面，它动态生成一个项目列表，每个项目中都有一个按钮，用于提交一个from，其中包含列表中该项目的数据（已排序并正在工作）。我通过这个代码提交表格（Jquery）：

<script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript">
    $('document').ready(function(){
        $('#readlatersubmit').ajaxForm( {
            target: '#result', 
            success: function() { 
                //$('#readlatersubmit').fadeOut('1000');   
                //$("#loader").fadeOut(); 
            } 
        }); 
        return false;
    });
</script>

当我点击按钮时，它会提交正确的数据，而无需刷新整个页面。问题是，如果我点击另一个列表项中的另一个按钮，它就会进入表单流程页面（不会通过Jquery提交）。

有人知道我该怎么解决这个问题吗？

编辑这就是我目前的表格：

<form id='readlatersubmit' action='RL.php' method='post'>
    <input type='hidden' name='RLURL' value='".$item->get_link()."'/>
    <input type='hidden' name='RLTitle' value='".$item->get_title()."' />
    <input type='hidden' name='user-id' value='$loggedInUser->user_id' />
    <input type='image' src='images/ReadLaterRibbon_Active.png' name='submit' value='Submit' class='button' />
</form>
<div id='result'></div>

删除return false并让它检查。因为当你点击提交一次时，这将使你保持虚假，但你不需要虚假，只需删除return或使用return true，

    <script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript">
   function doitRun() {
        $('#readlatersubmit').ajaxForm( {
            target: '#result', 
            success: function() { 
                //$('#readlatersubmit').fadeOut('1000');   
                //$("#loader").fadeOut(); 
            } 
        }); 
   }
</script>