原生Ajax使用笔记---get和post方法,url传参

AJAX是Asynchronous Javascript And XML(异步JavaScript和XML)的缩写,用于创建快速动态网页的技术。AJAX的核心对象是XMLHttpRequest ,在每个浏览器中都有。

原生Ajax的使用步骤:

  1. 创建一个核心对象XMLHttpRequest
  2. 编写一个回调函数
  3. 编写请求方式和请求路径(open操作)
  4. 发送请求(send操作)

JSP页面和原生AJAX

原生Ajax使用笔记---get和post方法,url传参_第1张图片

Servlet

原生Ajax使用笔记---get和post方法,url传参_第2张图片

请求路径、点击测试和请求结果

原生Ajax使用笔记---get和post方法,url传参_第3张图片

原生AJAX常用属性

onreadystatechange:检测readyState状态改变的时候

readyState:ajax核心对象的状态

0:核心对象创建

1:调用了open方法

2:调用了send方法

3:部分响应已经生成(没有意思)

4:响应已经完成(使用的是这个状态)

status:状态码(表示请求成功如下)

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

//请求成功的处理

}

responseText:响应回来的文本

常用方法:

open("请求方式","请求路径"[,"是否异步"]):设置请求的方式和请求的路径

send(["参数"]):发送请求 参数是请求方式为post的时候的参数

setRequestHeader("content-type","form表单enctype属性"):设置post请求的参数的类型 必须放在send方法之前.

demo代码下载:https://download.csdn.net/download/qq_37918817/10815747

你可能感兴趣的:(技术笔记,原生ajax,XMLHttpRequest)