javascript - 結算頁面，修改地址儲存時如何防止頁面重新整理？

第一步選擇支付方式，第二步如果使用者想修改地址時，修改後點擊儲存，又要重新選擇支付方式和配送地址，使用者體驗很不好，很多時候使用者會覺得重複原來的動作，很麻煩，哪位知道如何防止頁面重新整理呢，希望提供一些解決方案或思路，謝謝！

測試地址：http://www.daligxx.com/Checkout
測試帳號：18351816110
測試密碼：1111

：

回複內容：

第一步選擇支付方式，第二步如果使用者想修改地址時，修改後點擊儲存，又要重新選擇支付方式和配送地址，使用者體驗很不好，很多時候使用者會覺得重複原來的動作，很麻煩，哪位知道如何防止頁面重新整理呢，希望提供一些解決方案或思路，謝謝！

測試地址：http://www.daligxx.com/Checkout
測試帳號：18351816110
測試密碼：1111

：

那個ajax做嘛，js模板之類的都可以
你覺得麻煩的話，其實還可以用個架構嵌套在裡面。

可以用ajax做，順帶把資料記錄到後台

那個地址的彈出層是個表單？preventDefault()，然後用ajax提交就好了吧。

這不是一個典型的頁面局部重新整理麼。。。

ajax 提交你的新地址，儲存成功後，修改首頁面的地址內容，就完啦。。。

不需要重新整理頁面啊。。。。

大體思路是使用ajax發起非同步請求，發送資料給伺服器，讓伺服器端把資料儲存到資料庫，然後再處理後續的邏輯。

看了下這個頁面是個表單，把表單使用preventDefault或者jQuery事件中的return false阻止掉：

//在引入jQuery的情況下$('form').on('submit', function (e) {    var userNickName = $('uNickName').val(),//擷取收件者姓名        userPhone = $('uPhone').val(),//擷取連絡人手機號        userAddress = $('uAddress').val();//擷取詳細地址    //驗證是否合法，如果不合法直接return false並彈出相應的錯誤提示    //進行ajax儲存使用者填寫的資訊    $.ajax({        dataType: 'json',//表示伺服器端返回的資料格式        contentType: 'application/json',        data: { un: userNickName, up: userPhone, ua: userAddress },//非同步發送給後端        success: function () {            //請求成功後的處理        },        error: function () {            //請求失敗的處理        }    });    //阻止表單提交（jQuery已經把相容性封裝好了）    return false;});

jQuery.ajax請參考文檔《jQuery.ajax》

$.ajax，juqery的ajax技術可以實現

