JavaScript - 決済ページでアドレスを変更して保存するときにページが更新されないようにするにはどうすればよいですか?

最初のステップでは、支払い方法を選択します。2 番目のステップでは、ユーザーが住所を変更したい場合は、変更後に [保存] をクリックし、支払い方法と配送先住所を再選択する必要があります。多くの場合、ユーザーは元の操作を繰り返すのが非常に不快だと感じるでしょう。誰かがページを更新しないようにする方法を知っていますか? 解決策やアイデアを教えていただければ幸いです。

テストアドレス: http://www.daligxx.com/Checkout
テストアカウント: 18351816110
テストパスワード: 1111

スクリーンショット:

返信内容:

最初のステップでは、支払い方法を選択します。2 番目のステップでは、ユーザーが住所を変更したい場合は、変更後に [保存] をクリックし、支払い方法と配送先住所を再選択する必要があります。多くの場合、ユーザーは元の操作を繰り返すのが非常に不快だと感じるでしょう。誰かがページを更新しないようにする方法を知っていますか? 解決策やアイデアを教えていただければ幸いです。

テストアドレス: http://www.daligxx.com/Checkout
テストアカウント: 18351816110
テストパスワード: 1111

スクリーンショット:

ajaxに関してはjsテンプレートなどで実現できます
面倒なら実際にフレームワークを使って内部に入れ子にすることも可能です。

ajaxを使用してデータをバックグラウンドに記録できます

そのアドレスのポップアップレイヤーはフォームですか？ PreventDefault() を実行し、ajax を使用して送信します。

これは典型的なページの部分更新ではないでしょうか? 。 。

ajax 新しいアドレスを送信して、正常に保存したら、メイン ページでアドレスの内容を変更すれば完了です。 。 。

ページを更新する必要はありません。 。 。 。

一般的な考え方は、 ajax を使用して非同期リクエストを開始し、データをサーバーに送信し、サーバーにデータをデータベースに保存させて、その後、後続のロジックを処理するというものです。

このページはフォームであることがわかったので、フォームの使用をブロックしました: preventDefault或者jQuery事件中的return false リーリー

ドキュメント「jQuery.ajax」を参照してくださいjQuery.ajax

$.ajax、juqery の ajax テクノロジーでそれを実現できます