I have a form in a jquerymobile dialog box that I am submitting via jQuery Ajax.

我在jquerymobile对话框中有一个表单,我通过jQuery Ajax提交。

Currently my problem is that once the form is submitted the same dialog box is opened again on top of the original dialogbox.

目前我的问题是,一旦提交表单,将在原始对话框的顶部再次打开相同的对话框。

So that my url reads before submission:

所以我的网址在提交前阅读:

url/index.php#&ui-state=dialog

and then after submission:

提交后:

url/index.php#&ui-state=dialog#&ui-state=dialog&ui-state=dialog

Has anyone ever encountered something like this before?

有没有人曾经遇到过这样的事情?

[edit added code example]

[编辑补充代码示例]

$(function(){
    $("#form").submit(function(e){
        e.preventDefault();
        var dataString = $("#form").serialize();
    errorInput = $("input[name=valOne]#valOne").val();
        $.ajax({
            type: "GET",
            url: "formHandler.php",
            data: dataString,
        dataType: "text",
            success: function(data){
            if(data.toLowerCase().indexOf("error") >= 0){
                alert(data);
                $(".ui-dialog").dialog("close");
                $("#valOne").val(errorInput);  //the reentering info so user doesn't have to
            }else{
                    $(".ui-dialog").dialog("close");
                    location.href="index.php";
            }
            },
            error:function (xhr, ajaxOptions, thrownError){
                alert(thrownError);
            }
        });
    });
});

4 个解决方案