ajax请求有哪几种方式?

1. get() 方法通过远程 HTTP GET 请求载入信息。

// 1.创建

var ajax = new XMLHttpRequest();

// 2设置

ajax.open('get', '01.Ajax_get.php');

// 3.发送

ajax.send();

// 4.状态事件

ajax.onreadystatechange = function() {

if (ajax.readyState == 4 && ajax.status == 200) {

// 5.使用返回的数据 修改页面的内容

// responseText 返回的就是一个 字符串

// 我们 在ajax 中 如果 是通过 ajax.responseText 获取到的 统统都是字符串

console.log(ajax.responseText);

}

2.post() 通过远程 HTTP POST 请求载入信息。这是一个简单的 POST 请求功能以取代复杂的$.ajax().请求成功时可调用回调函数。

//创建ajax实例

var ajax = new XMLHttpRequest();

// 使用post请求

ajax.open('post','ajax_post.php');

// 如果 使用post发送数据 必须 设置 如下内容

// 修改了 发送给 服务器的 请求报文的 内容

// 如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：

ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");

// 发送

// post请求 发送的数据 写在 send方法中

// 格式 name=jack&age=18 字符串的格式

ajax.send('name=jack&age=998');

// 注册事件

ajax.onreadystatechange = function () {

if (ajax.readyState==4&&ajax.status==200) {

console.log(ajax.responseText);

}

}