js リクエストレスポンスヘッダーのデータを取得する

1. リクエストヘッダー

1.Accept は、
クライアントがサポートするデータ型をサーバーに伝えます。

2.Accept-Encoding は、
クライアントがサポートするデータ圧縮形式をサーバーに伝えます。

3.Accept-Language は、
クライアントの言語環境をサーバーに伝えます。

4. Connection
クライアントは、このヘッダーを介して、要求の完了後に接続を閉じるか維持するかをサーバーに伝えます。

5. Content-Length は、
要求メッセージ本体の長さを示します。

6. Content-Type
クライアントは、このヘッダーを通じてサーバーに、クライアントからサーバーに送信されるデータのタイプを伝えます。

7. Cookie
クライアントは、このヘッダーを介してサーバーにデータを送信できることをサーバーに伝えます。

8.ホスト
クライアントは、このヘッダーを使用して、アクセスするホストの名前をサーバーに伝えます。

9. Origin は、
プロトコルとドメイン名のみを含め、要求の発信元を示すために使用されます。
このパラメータは通常、CORS クロスドメインリクエストにのみ存在し、レスポンスに対応するヘッダー Access-Control-Allow-Origin があることがわかります。

10. Referer
クライアントは、このヘッダーを介してサーバーにアクセスするリソースをサーバーに伝えます。(一般的に抗リーチに使用)

11. User-Agent
クライアントは、このヘッダーを通じてクライアントのソフトウェア環境をサーバーに伝えます。

12.Accept-Charset:
クライアントが使用するエンコーディングをサーバーに伝えます。

13.Date:
クライアントは、このヘッダーを通じて、クライアントが現在時間を要求していることをサーバーに伝えます。

14. If-Modified-Since
クライアントは、このヘッダーを通じてリソースのキャッシュ時間をサーバーに伝えます。

補足
2. レスポンスヘッダ

1.
このヘッダーを通じて、接続サーバーは接続を維持するか、接続を閉じるかを応答します。

2. Content-Encoding
サーバーは、このヘッダーを使用して、データに使用される圧縮形式をブラウザーに伝えます。

3. Content-Type
サーバーは、このヘッダーを介してデータのタイプを返します。

4.Date は、
応答を返す時刻をクライアントに伝えます。

5. Server
サーバーは、このヘッダーを使用してブラウザにサーバーのタイプを伝えます。

6. Transfer-Encoding
HTTP プロトコルヘッダーフィールド Transfer_Encoding、ブロック転送エンコーディングは、通常、http の応答ヘッダーに表示されます。このヘッダーフィールドは、HTTP プロトコルのバージョン 1.1 に存在し、データ転送メカニズムを提供します。
通常、http プロトコルはデータをまとめて送信し、データ本体の長さは Content-Length フィールドで指定されるため、メッセージの終わりを判断するのに便利です。
このヘッダーを通じて、サーバーはブラウザにデータの送信形式を伝えます。

7.
Vary Vary フィールドは、応答フィールドリストをリストするために使用され、ドキュメントの異なるバージョンに対応する同じ URL に遭遇したときに適切なバージョンをキャッシュおよびフィルターする方法をキャッシュサーバーに指示します。

8.
Location ヘッダーは 302 ステータスコードと共に使用され、クライアントに誰を探すべきかを伝えます。

9. Content-Length
サーバーは、このヘッダーを使用して、返されたデータの長さをブラウザーに伝えます。

10. Content-Language
サーバーは、このヘッダーを使用してサーバーの言語環境を伝えます。

11. Last-Modified
サーバーは、このヘッダーを使用して、ブラウザに現在のリソースのキャッシュ時間を伝えます。

12. Refresh
サーバーは、このヘッダーを使用してブラウザに更新頻度を伝えます。

13. Content-Disposition
サーバーは、このヘッダーを使用して、ブラウザーにデータをダウンロードとして開くように指示します。

14. ETag: キャッシュに関連するヘッダー。
(1) Expires
サーバーはこのヘッダーを使用して、返されたデータをキャッシュする期間をブラウザーに通知します。-1 または 0 はキャッシュしません。

(2) Cache-Control および Pragma
サーバーは、このヘッダーを介してデータをキャッシュしないようにブラウザーを制御することもできます
。
Chen" 元の記事は、CC 4.0 BY-SA 著作権契約に従います。転載の場合は、元のソースリンクとこのステートメントを添付してください。
元のリンク: https://blog.csdn.net/weixin_42408447/article/details/121396512

      var req = new XMLHttpRequest()
      req.open('GET', document.location, false)
      req.send(null)
      var headers = req.getAllResponseHeaders().toLowerCase()
      var tempCode = req.getResponseHeader('code')
      var token = req.getResponseHeader('access_token')
      if (token) {
        localStorage.setItem('token-weiban', token)
      } else {
        localStorage.setItem('token-weiban', '123')
      }
      var code = '456'
      if (tempCode) {
        code = tempCode
      }
      console.log(headers)

ノードは、html ページの応答ヘッダーを設定します。

const toolsGetPage = async (req, res) => {
  const { code } = req.query
  const tempPage = fs.readFileSync(
    '/source/banxuezhushou_h5/public/weiban/order.html',
    'utf-8'
  )
  if (code === '666') {
    res.setHeader('access_token', Date.now())
    res.setHeader('code', 'code-' + Date.now())
    res.send(tempPage)
    //res.redirect('http://localhost:85/#/h5/index/home/recommend')
  } else {
    res.setHeader('access_token', 'no')
    res.setHeader('code', 'code-' + Date.now())
    res.send(tempPage)
  }
}

js リクエストレスポンスヘッダーのデータを取得する

おすすめ