シンプルなajax

ajax簡単

一般的に、vueといくつかの小さなプログラムは他のカプセル化されたリクエストメソッドを使用しますが、元のajaxページを少なくすることはできません
ここに画像の説明を挿入

xhr.readyStatrのステータスコード

・0-(初期化されていない)send()メソッドはまだ呼び出されていません
・1-(ロード中)send()メソッドが呼び出されてリクエストが送信されています
・2-(ロードが完了しました)sendメソッドが実行されて対応するすべてのコンテンツが受信されました
・3-(インタラクティブ)対応するコンテンツが解析されています
・4-(完了)対応するコンテンツが解析され、クライアントで呼び出すことができます

xhr.statusステータスコード

・2xx-リクエストが正常に処理されたことを示します(200など)
・3xx-リダイレクトする必要があります。ブラウザは301、302、304などのように直接ジャンプし
ます・4xx-クライアントリクエストエラー(404、403など)
・5xx-サーバーエラー

オープンメソッドの3つのメソッド

1つ目はリクエスト方法、
2つ目はリクエストアドレス、
3つ目はリクエストが非同期かどうかです。

クロスドメイン

同一生成元ポリシー:

ajaxをリクエストする場合、ブラウザでは、現在のウェブページとサーバーが同じオリジン(安全)で同じオリジンである必要があります
:プロトコル、ドメイン名、ポート、3つは一貫しています。
フロントエンド:http:// a。 com:808 /;サーバー:https://b。com/api / xxx

cee jsをロードするときは、同一生成元ポリシーを無視できます

それらの場所で使用されます

<img />は管理に使用でき、サードパーティの統計サービスを使用できます

jsonp

Webサイトにアクセスするとき、サーバーは常にhtmlファイルを返しますか?
サーバーは、html形式の要件を満たしている限り、任意の準同型スプライシングデータを返すことができるため、サーバーが進んでいる限り、
クロスドメインデータを取得できます。
ここに画像の説明を挿入

jQueryはjsonpを実装します

ここに画像の説明を挿入

クロスドメイン集中型アプローチを実現する

JSONPCORS
サーバーはラインを理解する方法です

おすすめ

転載: blog.csdn.net/weixin_54163765/article/details/115157028