原生ajax與jquery ajax #請求頭的設定方法

阿新 • • 發佈：2021-06-16

        $.ajax({
            type:"get",
            url: "http://localhost/user/test",
            headers: {
              "Authorization":"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhdWQiOlsicmVzMSJdLCJ1c2VyX25hbWUiOiJ7XCJlbWFpbFwiOlwiMjExOTI5OTUzMUBxcS5jb21cIixcImZ1bGxuYW1lXCI6XCLlsI_luoRcIixcImlkXCI6MyxcInBhc3N3b3JkXCI6XCIkMmEkMTAkc1o4d0d4NHkvcG1CM1g4QkFGZWxTLmpqR2M2TE8weDluMWFzR1cvWEVPT2VQMGF1dmFkSnFcIixcInVzZXJuYW1lXCI6XCIxODQ3NjMwNTY0MFwifSIsInNjb3BlIjpbIlJPTEVfQURNSU4iLCJST0xFX1VTRVIiLCJST0xFX0FQSSJdLCJleHAiOjE2MjM4Mzc4MDUsImF1dGhvcml0aWVzIjpbImJhc2UiXSwianRpIjoiMWRiOTIxYjUtNGZjMS00NWZkLThmNDAtZTA0NTBkZTMyODEyIiwiY2xpZW50X2lkIjoiYzEifQ.-u2Zzn9iWtb15SSijx3kccxBJyJr6_56ktkG3gVrajM"
            },
            success(resource) {
              console.log(resource);
            },
            error(err) {
              console.log(err);
            }

        })
        
       
      })

　　　//原生
     window.onload 
=function() {
           var xmlHttp;
           if(window.XMLHttpRequest) {
             xmlHttp = new XMLHttpRequest();
           }else {
             xmlHttp = window.ActiveXObject("Microsoft.XMLHTTP");
           }
           //資料組裝
           var data = {"Authorization":"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhdWQiOlsicmVzMSJdLCJ1c2VyX25hbWUiOiJ7XCJlbWFpbFwiOlwiMjExOTI5OTUzMUBxcS5jb21cIixcImZ1bGxuYW1lXCI6XCLlsI_luoRcIixcImlkXCI6MyxcInBhc3N3b3JkXCI6XCIkMmEkMTAkc1o4d0d4NHkvcG1CM1g4QkFGZWxTLmpqR2M2TE8weDluMWFzR1cvWEVPT2VQMGF1dmFkSnFcIixcInVzZXJuYW1lXCI6XCIxODQ3NjMwNTY0MFwifSIsInNjb3BlIjpbIlJPTEVfQURNSU4iLCJST0xFX1VTRVIiLCJST0xFX0FQSSJdLCJleHAiOjE2MjM4Mzc4MDUsImF1dGhvcml0aWVzIjpbImJhc2UiXSwianRpIjoiMWRiOTIxYjUtNGZjMS00NWZkLThmNDAtZTA0NTBkZTMyODEyIiwiY2xpZW50X2lkIjoiYzEifQ.-u2Zzn9iWtb15SSijx3kccxBJyJr6_56ktkG3gVrajM"}
            
//傳送請求
           xmlHttp.open("get","http://localhost/user/test",true);

           xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
           xmlHttp.setRequestHeader("Authorization","Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhdWQiOlsicmVzMSJdLCJ1c2VyX25hbWUiOiJ7XCJlbWFpbFwiOlwiMjExOTI5OTUzMUBxcS5jb21cIixcImZ1bGxuYW1lXCI6XCLlsI_luoRcIixcImlkXCI6MyxcInBhc3N3b3JkXCI6XCIkMmEkMTAkc1o4d0d4NHkvcG1CM1g4QkFGZWxTLmpqR2M2TE8weDluMWFzR1cvWEVPT2VQMGF1dmFkSnFcIixcInVzZXJuYW1lXCI6XCIxODQ3NjMwNTY0MFwifSIsInNjb3BlIjpbIlJPTEVfQURNSU4iLCJST0xFX1VTRVIiLCJST0xFX0FQSSJdLCJleHAiOjE2MjM4Mzc4MDUsImF1dGhvcml0aWVzIjpbImJhc2UiXSwianRpIjoiMWRiOTIxYjUtNGZjMS00NWZkLThmNDAtZTA0NTBkZTMyODEyIiwiY2xpZW50X2lkIjoiYzEifQ.-u2Zzn9iWtb15SSijx3kccxBJyJr6_56ktkG3gVrajM");
            
//傳送資料
           xmlHttp.send(data);
           //事件監聽
           xmlHttp.onreadystatechange=function () {
             //狀態資訊
             if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                  var result = xmlHttp.responseText;
                  
                  console.log(result);
             }
           }
　　　}

演示的是相同的請求

原生ajax與jquery ajax #請求頭的設定方法

$.ajax({ type:\"get\", url: \"http://localhost/user/test\", headers: { \"Authorization\":\"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhdWQiOlsicmVzMSJdLCJ1c2VyX25hbWUiOiJ7XCJlbWFpbFwiOlwiMjExOTI5

ThinkPHP 5 AJAX跨域請求頭設定實現過程解析

最近用thinkphp做專案，在測試環境時，存在介面的測試問題。在tp官網也沒能找到相關的解決方法。自已看了一下原始碼，有如下的解決方案。

原生 JS 與 jQuery 中的 AJAX

　　AJAX = Asynchronous JavaScript and XML（非同步的 JavaScript 和 XML）。　　AJAX 最大的優點是在不重新載入整個頁面的情況下，可以與伺服器交換資料並更新部分網頁內容。運用 XMLHttpRequest 或新的 Fetch

利用SpringMVC框架，通過Ajax與jQuery實現網站登入使用者名稱和密碼的校驗

首先，新建一個Maven專案專案結構如下匯入JAR依賴 1 <dependencies> 2<dependency>

laravel設定與獲取header請求頭

設定 <?php namespace App\\Http\\Controllers\\Text; use Illuminate\\Http\\Request; use App\\Http\\Controllers\\Controller;

python爬蟲請求頭設定程式碼

一、requests設定請求頭: importrequests url=\"http://www.targetweb.com\" headers={ \'Accept\':\'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8\',\'Cache-Control\':\'max