javascript - 前端和后台数据交互有哪些方法?之间的联系?具体细节?

Question

我是个前端,现在刚接触数据交互的这方面知识,知道可以解析json数据,可以写php接受后台数据,然后动态生成页面,知道的仅限这些了,还想知道更多的数据交互的东西
求大神们前来指点,发表意见和具体细节介绍!!
跪求!!!跪求!!!跪求!!!

漂亮男人 · Answer

フロントエンドとバックエンドのデータ対話は HTTP (または SSE、WS などの他の派生型) に依存します

HTTP リクエストを開始するためにフロントエンドでどのようなメソッドが利用できますか?

オーソドックスなネットワークAPI

XMLHttpリクエスト

同一オリジン制限付きのオーソドックスな XHR リクエスト

イベントソース

HTTPから進化したSSE(サーバープッシュ)技術です

ウェブソケット

クライアントとサーバー間の双方向の接続通信

navigator.sendBeacon

新しい非同期データレポート API は、データ収集に特別に使用され、ブラウザーは適切なタイミングでのみデータレポートを実行します。
典型的なシナリオは、非ブロック的な方法でアウトバウンド動作を収集して報告することです。

黒魔術

<画像>

これまでは、PV 収集などのデータ収集とレポート作成を行うときに、img タグを使用して無害な HTTP GET リクエストを作成し、クエリ文字列を介してデータをバックエンドに渡すことがよくありました。
たとえば、一般的に使用されている GA を代わりに使用する必要がありますsendBeacon が、img は低バージョン互換性ソリューションとして保持する必要があります

<スクリプト>

有名な JSONP は script タグを使用して、ドメイン全体でバックエンドからデータを取得します