XMLHttpRequest open()
向伺服器傳送請求之前,可以通過 open() 方法初始化一個 AJAX 請求。
此方法可以規定 HTTP 請求的方式、目標 URL、是否採用非同步方式,以及一些其他設定。
關於 XMLHttpRequest 更多內容參閱 XMLHttpRequest 物件 一章節。
語法結構:
[JavaScript] 純文字檢視 複製程式碼XMLHttpRequest.open(method, url, async, user, password);
引數解析:
(1).method:規定 AJAX 傳送 HTTP 請求的型別,可以是 GET 或者 POST。
(2).url:規定 AJAX 請求的目標 地址。
(3).async:規定請求是非同步方式還是同步方式,true 為非同步,false 為同步,預設為 true。
(4).user:可選,如果伺服器需要驗證,指定使用者名稱,如果未指定,伺服器需要驗證時,會彈出驗證視窗。
(5).password:可選,驗證資訊中的密碼部分,如果使用者名稱為空,則此值將被忽略。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="https://www.softwhy.com/" /> <title>螞蟻部落</title> <script> let loadXMLDoc = ()=> { let xmlHttp = new XMLHttpRequest(); xmlHttp.onreadystatechange = ()=> { if(xmlHttp.readyState == 4 && xmlHttp.status == 200) { document.getElementById("show").innerHTML = xmlHttp.responseText; } } xmlHttp.open("GET","demo/ajax/txt/demo.txt",true); xmlHttp.send(); } window.onload =()=> { let oBt = document.getElementById("bt"); oBt.onclick = ()=> { loadXMLDoc(); } } </script> </head> <body> <div id="show"> <h2>原來的內容</h2> </div> <input type="button" id="bt" value="檢視效果"/> </body> </html>
上面是一個簡單的 AJAX 請求,簡單分析如下:
(1).AJAX 向伺服器傳送請求前一定要做一些準備工作,比如建立 XMLHttpRequest 物件等。
(2).xmlHttp.open("GET","demo/ajax/txt/demo.txt",true) 此方法就是準備工作之一。
(3).準備工作完成之後,就可以用 send() 方法傳送 HTTP 請求了。
相關文章
- XMLHttpRequestXMLHTTP
- XMLHttpRequest send()XMLHTTP
- XMLHttpRequest overrideMimeType()XMLHTTPIDE
- XMLHttpRequest getResponseHeader()XMLHTTPHeader
- XMLHttpRequest getAllResponseHeaders()XMLHTTPHeader
- XMLHttpRequest abort()XMLHTTP
- XMLHttpRequest setRequestHeader()XMLHTTPHeader
- XMLHttpRequest readyStateXMLHTTP
- XMLHttpRequest onreadystatechange事件XMLHTTP事件
- XMLHttpRequest abort 事件XMLHTTP事件
- XMLHttpRequest 物件概述XMLHTTP物件
- XMLHttpRequest responseText屬性XMLHTTP
- ajax建立XMLHttpRequest物件XMLHTTP物件
- AJAX 建立 XMLHttpRequest物件XMLHTTP物件
- XMLHttpRequest withCredentials 屬性XMLHTTP
- XMLHttpRequest timeout 屬性XMLHTTP
- XMLHttpRequest responseText 屬性XMLHTTP
- XMLHttpRequest readyState響應狀態XMLHTTP
- JavaScript 複習之 XMLHttpRequest 物件JavaScriptXMLHTTP物件
- springboot 解決跨域 Access to XMLHttpRequest atSpring Boot跨域XMLHTTP
- 詳解XMLHttpRequest的跨域資源共享XMLHTTP跨域
- Ajax 之戰:XMLHttpRequest與Fetch API比較XMLHTTPAPI
- MySQL:Table_open_cache_hits/Table_open_cache_misses/Table_open_cache_overflowsMySql
- Ajax 跨域請求 Access to XMLHttpRequest 解決方案跨域XMLHTTP
- http request-01-XMLHttpRequest XHR 簡單介紹HTTPXML
- 【Open-Falcon】Linux下安裝Open-FalconLinux
- JOI Open 2018
- JOI Open 2016
- BSUIR Open FinalsUI
- ABAP OPEN SQL裡OPEN CURSOR和SELECT的比較SQL
- EBS:OM Sales Order銷售訂單【Open Interface、Open API】API
- 根據JavaScript中原生的XMLHttpRequest實現jQuery的AjaxJavaScriptXMLHTTPjQuery
- openGauss lo_open
- [JOI Open 2024] 中暑
- open Euler安全加固
- Oracle:open_cursorsOracle
- NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load xxxx錯誤解決方法ErrorAIXMLHTTP
- hdu1195 Open the Lock