1

これは些細な質問ですが、答えが見つかりません。

これは、jQuery モバイルでフォームを送信するために使用するコードです

$(document).on('click', '#submit', function() { // catch the form's submit event
    // Send data to server through ajax call
    // action is functionality we want to call and output - JSON is our data
    $.ajax({
        url: 'includes/db/ajax_insert_completed_quests.php',
        data: $('#form').serialize(),
        type: 'get',                   
        async: true,
        beforeSend: function() {
            // This callback function will trigger before data is sent
            $.mobile.showPageLoadingMsg(true); // This will show ajax spinner
        },
        complete: function() {
            // This callback function will trigger on data sent/received complete
            $.mobile.hidePageLoadingMsg(); // This will hide ajax spinner
        },
        success: function (result) {

        },
        error: function (request,error) {
            // This callback function will trigger on unsuccessful action                
            alert('Network error has occurred please try again!');
        }
    });                         
    return false; // cancel original event to prevent form submitting
});

では、成功関数には何を入れるのでしょうか? 私が達成したいのは、ユーザーがフォームページにとどまることですが、誰かが F5 を押したかのように、ページが基本的に更新されることです。

4

1 に答える 1

0

この機能を使ってみてください -

function refreshPage() {
    jQuery.mobile.changePage(window.location.href, {
        allowSamePageTransition: true,
        transition: 'none',
        reloadPage: true
    });
}

これには他にもいくつかの解決策があります。スタックオーバーフロー - jQuery Mobile Page refresh mechanismでそれらを見つけました

jQuery Mobile で点滅せずに同じページをリロードする

ページでフォームの値を手動で空に戻すことを検討しましたか? これは、より最適なソリューションである可能性があります。

于 2013-07-16T16:09:35.020 に答える