如何在Safari中ajax成功后提交表單

Question

我有一個帶有提交按鈕的表單。 我把onclick =“foo（事件，這個）;” 在提交的提交按鈕中。

我希望在ajax成功之后提交表單。

這是我的代碼：

<form id="form_a" action="destination.html">

  <input type="submit" id="submit_button_1" value="Submit button 1" onclick="foo(event, this);">

</form> 

<script type="text/javascript">

function foo(event, this_element)
{
    event = event || window.event;
    event_target = event.target || event.srcElement;

    //Prevent the immediate submission because I want submit after ajax success : 
    event.preventDefault();

    //Retrieve the submit button clicked :
    if(this_element.id == "submit_button_1")
    {   
            //Submit the form afer ajax success :

            var xhr = new XMLHttpRequest();

            xhr.onreadystatechange = function()
            {
                if(xhr.readyState == 4 && xhr.status == 200)
                {
                    //Retrieve the form object to submit :
                    form_a = document.getElementById("form_a");

                    //Submit the form 3000 ms later : 
                    setTimeout('form_a.submit();', 3000);
                }    
            } 

            //Send ajax request on server :
            xhr.open("POST", "server.php", false);
            xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
            xhr.send("");
    }
}

</script>

此代碼在safari中不起作用。 那么如何在safari成功之后提交表格？

Answer 1

您正在嘗試執行字符串。 變量form_在執行時可能不可用。

你的setTimeout應該是這樣的，所以通過closure訪問form_a變量。

setTimeout(function() {
   form_a.submit();
}, 3000);