ajax异步请求代码示例
时间: 2023-08-25 17:13:36 浏览: 29
下面是一个使用AJAX进行异步请求的代码示例:
使用POST请求:
```javascript
var xhr = new XMLHttpRequest(); // 创建xhr对象
xhr.open('post', '/search', true); // 创建请求
xhr.onreadystatechange = function(){ // 设置回调函数
if(xhr.readyState == 4 && xhr.status == 200){
var res = xhr.responseText // 接收响应
}
}
xhr.setRequestHeader('content-Type', 'application/x-www-form-urlencoded'); // 设置请求头为form类型,ajax默认为"text/plain;charset=utf-8"
xhr.send(body); // 发送请求,数据格式:k1=v1&k2=v2...
```
使用GET请求:
```javascript
var xhr = new XMLHttpRequest(); // 创建xhr对象
xhr.open('get', '/search?name=a&type=b', true); // 创建请求
xhr.onreadystatechange = function(){ // 设置回调函数
if(xhr.readyState == 4 && xhr.status == 200){
var res = xhr.responseText // 接收响应
}
}
xhr.send(); // 发送请求
```
以上代码是使用原生的XMLHttpRequest对象进行异步请求的示例,你也可以使用JQuery的AJAX方法来简化代码。AJAX是一种用于创建快速动态网页的技术,可以通过在不重新加载整个页面的情况下与服务器交换数据。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *2* *3* [【Javascript】AJAX发送异步请求总结](https://blog.csdn.net/weixin_42115131/article/details/125766025)[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^v92^chatsearchT0_1"}} ] [.reference_item]
[ .reference_list ]
相关推荐


















