在jQueryUI中,我们创建一个表单,并使用ajax提交它

放 return false 在ajax调用之后的表单提交函数中。

$(document).ready(function() {
  $('form#formdata').submit(function(event) {
    event.preventDefault();
    var str = $('#formdata').serialize();
    $.ajax({
      type: 'POST',
      url:  'submit.php',
      data: $('#editmachine').serialize(),
      success: function(msg) { alert(msg); }
    });
  });
});

您必须通过在提交事件中返回false来防止这种行为:

$(document).ready(function(){

    $("form#formdata").submit(function() {

            var str = $("#formdata").serialize();
            $.ajax({
            type: "POST",
            url: "submit.php",
            data: $("#editmachine").serialize(),
            success: function(msg){
                     alert(msg);
                    }
    });
return false;
    });

});

这就是我所做的。

在我的UI选项卡中显示代码

<div id="tabs">
            <ul>
                <li><a href="link.html">Link1</a></li>
                <li><a href="form.html">Data</a></li>
            </ul>
</div>

html包含了表单的细节,从那里我开始使用ajax。

所以为了更正它,我在同一页的div下面使用了表单细节

<div id="tabs">
                <ul>
                    <li><a href="link.html">Link1</a></li>
                    <li><a href="#form">Data</a></li>
                </ul>

<div id = "form">
//form details here
</div>

    </div>

并在此页面上使用了ajax jquery代码。

感谢所有回答我问题的人,特别感谢@cheekysoft

希望这能派上用场。。