原生ajax如何发送get和post请求

发送Ajax的请求的核心对象是XMLHttpRequest,因此我们需要了解该对象的相关属性和方法

原生ajax如何发送get和post请求_第1张图片

原生ajax如何发送get和post请求_第2张图片 

第一步:创建 XMLHttpRequest对象,下面都简写为 xhr对象

 

第二步:准备发送,调用open方法

xhr.open(type, url, boolean),该方法具有三个参数。

type:请求的方式,可以是以下这些值: GET、POST、DELETE、OPTIONS、HEAD、PUT、TRACE、CONNECT,用的最多的是 GET、POST请求。

url: 请求路径和参数。

boolean:操作方式,true(默认值) --->异步发送请求 false ---> 同步发送请求。

第三步:发送,调用send方法。

xhr.send()

GET请求:最好传入null,有些浏览器约定好了,在发送GET请求时不传入null会报错。

POST请求:传入向服务器发送的数据。

第四步:处理请求

绑定 onreadystatechange事件

示例:

原生ajax如何发送get和post请求_第3张图片

原生ajax如何发送get和post请求_第4张图片 

 

感兴趣的可以去查阅更多资料 谢谢大家 

 

你可能感兴趣的:(ajax,javascript,服务器)