码迷,mamicode.com
首页 > Web开发 > 详细

Ajax学习

时间:2021-07-02 15:43:11      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:variable   提交   步骤   发送   open()   text   tom   表单   pos   

Ajax学习

 

创建异步对象的四大步骤

创建——绑定——初始化——发送请求

//一般讲数据处理放在第二步 “绑定” ,也可以放在其他地方。

//异步对象中存在回调机制:即当请求的状态发生变化时,异步对象就会自动调用onreadystatechange事件对应的函数。即readyState值只要变化,就调用一次该函数。从0—1,调用一次;1-2,调用一次......所以该函数放在四步中的哪一步都是一样的

 

创建异步对象

var xmlHttp = new XMLHttpRequest();

 

readyState属性

  • 0:表示创建异步对象时,即 new XMLHttpRequest();

  • 1:表示初始化异步对象时,即 xmlHttp. open();

  • 2:表示发送请求时,即 xmlHttp.send();

  • 3:表示从服务器获取数据时,但获取的数据都是原始数据,仅是异步对象内部使用,开发人员一般不用

  • 4:异步对象把接受的数据处理完成,开发人员使用该数据更新当前页面

 

status属性

  • 200:表示网络请求成功

  • 404:表示没有访问到该页面

  • 500:表示服务器端代码出错

 

 

初始化异步请求对象

xmlHttp.open("get", "bmiAjax?" + param, true);

//参1:请求方式,get或post; 参2:服务器访问地址及提交的数据; 参3:true为异步请求;false为同步请求

 

发送请求

xmlHttp.send();

//异步对象能独自发送请求,所以可以不使用表单提交数据

 

获取服务器数据

var data = xmlHttp.responseText;

 

 

Ajax学习

标签:variable   提交   步骤   发送   open()   text   tom   表单   pos   

原文地址:https://www.cnblogs.com/zhestudy-2021/p/14961147.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!