AJAX---原生AJAX傳送GET請求

阿新 • • 發佈：2021-10-08

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AJAX GET 請求</title>
    <style>
        #result{
            width:200px;
            height:100px;
            border:solid 1px #90b;
        }
     
</style>
</head>
<body>
    <button>點擊發送請求</button>
    <div id="result"></div>

    <script>
        //獲取button元素
        const btn = document.getElementsByTagName('button')[0];
        const result = document.getElementById("result");
        //繫結事件
        btn.onclick = function 
(){
            //1. 建立物件
            const xhr = new XMLHttpRequest();
            //2. 初始化 設定請求方法和 url
            xhr.open('GET', 'http://127.0.0.1:8000/server');
            //3. 傳送
            xhr.send();
            //4. 事件繫結 處理服務端返回的結果
            // on  when 當....時候
            // readystate 是 xhr 物件中的屬性, 表示狀態 0 1 2 3 4 

            // change  改變
            xhr.onreadystatechange = function(){
                //判斷 (服務端返回了所有的結果)
                if(xhr.readyState === 4){
                    //判斷響應狀態碼 200  404  403 401 500
                    // 2xx 成功
                    if(xhr.status >= 200 && xhr.status < 300){
                        //處理結果  行 頭 空行 體
                        //響應 
                        // console.log(xhr.status);//狀態碼
                        // console.log(xhr.statusText);//狀態字串
                        // console.log(xhr.getAllResponseHeaders());//所有響應頭
                        // console.log(xhr.response);//響應體
                        //設定 result 的文字
                        result.innerHTML = xhr.response;
                    }else{

                    }
                }
            }


        }
    </script>
</body>
</html>

AJAX---原生AJAX傳送GET請求

<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">

python實現測試工具（一）——命令列傳送get請求

本系列教程我們將使用python實現一些簡單的測試工具，為了儘可能的簡單，我們的工具以命令列工具為主。

python 傳送get請求介面詳解

簡介　　如果想用python做介面測試，我們首先有不得不瞭解和學習的模組。它就是第三方模組：Requests。雖然Python內建的urllib模組，用於訪問網路資源。但是，它用起來比較麻煩，而且，缺少很多實用的高階功能。更

解決PHP使用CURL傳送GET請求時傳遞引數的問題

最近在使用curl傳送get請求的時候發現傳遞引數一直沒有生效，也沒有返回值，以為是自己哪裡寫錯了，網上找東西時也沒有人專門來說get請求傳遞引數的內容，所以，今天在這裡記錄一下，希望可以幫到一些人

Requests模組之-1、傳送get請求

技術標籤：python介面自動化python Requests是Python HTTP 庫。我認為，它是最優秀的第三方的HTTP庫，使用範圍廣，可以用於介面測試、爬蟲、web後臺服務呼叫外部服務等。

http傳送get請求報javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorExcepti

技術標籤：http 前兩天在專案中利用http傳送get請求報javax.net.ssl.SSLHandshakeException: 這個錯誤

HttpClient傳送get請求

//1.get請求無引數@Testpublic void testGet() throws IOException {String result;HttpGet get = new HttpGet(\"http://www.baidu.com\");HttpClient client = HttpClientBuilder.create().build();HttpResponse r

HttpRunner(4)：模擬傳送GET請求

httprunner 專案下yaml檔案的格式 1、首先在python專案下新建一個 testcases 資料夾，然後再新建一個以 .yml 的檔案字尾名,如demo01.yml

Django+Vue專案學習第三篇：使用axios傳送get請求，解決跨域問題，調通前後端

傳送門： Django+Vue專案學習第一篇：django後臺搭建 Django+Vue專案學習第二篇：vue專案建立

原生ajax 傳送請求

原生ajax 傳送請求原生髮送請求不帶引數 <body> <h2>原生ajax</h2> <button>

原生Ajax傳送請求

GET // 1. 建立一個xmlhttpRequest物件　　 var xmlhttp = null; var res; if (window.XMLHttpRequest) {

django ajax傳送post請求的兩種方法

django ajax傳送post請求的兩種方法，具體內容如下所述：第一種：將csrf_token放在from表單裡

Javascript原生ajax請求程式碼例項

這篇文章主要介紹了Javascript原生ajax請求程式碼例項,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

php下的原生ajax請求用法例項分析

本文例項講述了php下的原生ajax請求用法。分享給大家供大家參考，具體如下：

Jquery使用Ajax傳送非同步請求，模擬前後臺介面開發模式

AJax上傳各種表單 1.普通表單 (input) enctype=\"application/x-www-form-urlencoded\" <form action=\"\" method=\"post\" enctype=\"application/x-www-form-urlencoded\">

ajax傳送post請求：

//頁面傳送示例：var sendData = { purId: \'123456\', replyContent: \'xxx\', commentId: \'xxxx\' } $.ajax({

原生ajax的get和post方法封裝

原生ajax的get和post方法封裝：https://www.cnblogs.com/qiuxiaozhen/p/10568314.html get 方法 function serialize (data) {

【Go學習】go 原生庫net/http傳送 GET POST 請求

go基礎語法，一直沒怎麼練習，語法這東西不用就忘，工作中多多少少還接觸到爬蟲，索性強制用go來寫，寫爬蟲不是目的，目的是為了練習go語法，強化記憶。

網路請求返回資料格式_原生 Ajax 詳解 - 響應資料格式

技術標籤：網路請求返回資料格式好好學習，天天向上本章主要內容是：XML 資料格式(做了解)、JSON 資料格式

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

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

AJAX---原生AJAX傳送GET請求

相關推薦