原生js的get请求
时间: 2023-09-23 16:05:47 浏览: 106
原生JS中的GET请求可以通过XMLHttpRequest对象来实现。首先,我们需要创建一个XMLHttpRequest对象,根据浏览器的不同使用不同的方式进行创建。然后,使用open方法建立与服务器的连接,指定请求的URL和请求的方式。接着,使用send方法发送请求。在回调函数中,我们可以对服务器响应的数据进行处理。当readyState就绪码为4且status响应状态码为200时,表示请求成功,我们可以通过responseText属性获取服务器返回的内容。如果readyState就绪码不为4或status响应状态码不为200,则表示服务器异常。以下是一个原生JS的GET请求的示例代码:
```javascript
function ajax() {
var xmlHttp;
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest(); // 火狐,谷歌浏览器等
} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); // IE浏览器
}
xmlHttp.open("GET", "ajaxServlet?username=呵呵哒", true); // true表示异步请求
xmlHttp.send(null);
xmlHttp.onreadystatechange = function() {
if (xmlHttp.status == 200 && xmlHttp.readyState == 4) {
var responseText = xmlHttp.responseText;
alert(responseText);
} else {
alert("服务器异常...");
}
}
}
```
在HTML中,我们可以通过给一个按钮添加onclick事件来调用ajax函数,从而发送GET请求。例如:
```html
<body>
<input type="button" value="发送请求" onclick="ajax()">
请输入:<input type="text">
</body>
```
这样,当点击按钮时,就会触发ajax函数,发送GET请求。
#### 引用[.reference_title]
- *1* [ajax原生js实现get](https://blog.csdn.net/qq_47458020/article/details/120443762)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文