Ajaxでgetとpostを使用する方法

今回は、Ajax での get と post の使い方と、Ajax で get と post を使用する際の 注意事項 について説明します。実際のケースを見てみましょう。

get の使用時に発生する問題:

1. 問題 1. キャッシュ: アクセスする URL が毎回同じ場合、クライアントはローカル キャッシュの内容を直接読み取り、バックグラウンド データが変更された場合でも、フロントエンドは変わりません

解決策: どこでしょうか?次に、num=[乱数 Math.random()] または num=[

timestampnew Date().getTime()], '1.php?username="May"&'+num ( はありません) をリンクします。バックグラウンドパラメータとの競合を避けるための変数名)

2. 問題 2. 文字化け。中国語または

特殊文字が渡されると、文字化けがフロントエンドの表示に表示されます。

解決策: エンコード encodeURI('snail') を使用します。

テスト結果: Chrome を使用してテストすることにより、get の 2 つの問題が解決されました。

post メソッドを使用すると、データがパラメータとして send() に渡されます。 : リクエスト ヘッダーが設定されていない場合、バックグラウンドはデータを直接処理しません。フロント デスクはバックグラウンドから返されたデータを取得できません解決策: リクエスト ヘッダーを手動で設定します (xhr.setRequestHeader('content-type',' application/x-www-form-urlencoded'))、送信される

データ型を宣言します

[注]ポストにはキャッシュの問題やエンコードの問題はありません(リクエストヘッダーで宣言されているため)

テスト結果: Chrome テストを使用すると、投稿の結果がヘッダー情報を宣言していません。問題が存在しますこの記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、他の関連記事に注目してください。 PHP中国語ウェブサイトです！

推奨書籍:

Ajax の RESTful インターフェイスを介して Json データを送信する方法

ネイティブ AJAX カプセル化を実装する方法

以上がAjaxでgetとpostを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。