Ajax基本概念以及JS实现Ajax的过程
来源:互联网 发布:网络课程女子礼仪答案 编辑:程序博客网 时间:2024/06/07 09:45
Ajax基本概念
Ajax全称为”Asynchronous JavaScript and XML”(异步JavaScript和XML),通过后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,可以在不重新加载整个网页的情况下,对网页的某部分进行更新.
Ajax的核心是XMLHttpRequest对象,它是Ajax实现的关键-发送异步请求、接受响应以及执行回调。
实现Ajax的过程:
1.我们通过new XMLHttpRequest创建一个XHR对象:
var xHR=new XMLHttpRequest();
2.使用open()方法初始化XMLHttpRequest对象,指定HTTP方法和要使用的服务器URL,可能后面还会带有参数:
xHR.open('GET','fzz.php?number='+value,true);//后面的true可以省略,代表异步,?后面代表你需要传递的参数
3.使用send()方法发送请求:
xHR.send()//如果是POST方法则需要在send()内传入数据
4.设置回调函数,当响应成功时调用:
xHR.onreadystatechange=function(){ if(xHR.readyState==4){ if(xHR.status==200){ //respinseText表示返回的字符串形式的响应数据 var data=JSON.parse(xHR.responseText); //执行函数 }else{ //执行函数 } }}
请求完成加载的时候readyState的值为4,响应成功时HTTP的值为200.
0 0
- Ajax基本概念以及JS实现Ajax的过程
- ajax的实现过程
- AJAX的基本概念
- Ajax的基本概念
- js实现ajax的示例
- js实现 jquery的$.ajax
- js实现ajax的步骤
- Js以及Ajax跳转
- Js以及Ajax跳转
- AJAX-prototype.js实现Ajax
- 【Js】js实现ajax
- 在Jquery实现Ajax和JS实现Ajax的方法
- AJAX基本概念
- AJAX基本概念
- AJAX基本概念
- Ajax基本概念
- ajax实现过程
- AJAX实现过程
- Java Web—跳转
- Bad Cowtractors
- 在线代码编辑器 CODEMIRROR 配置说明
- 模仿小米手环 计步数据的展示View
- fir.im Weekly - 暖心的 iOS 持续集成,你值得拥有
- Ajax基本概念以及JS实现Ajax的过程
- Out of Hay
- 线性表1-顺序表
- 网络安全-常见漏洞与分析
- 正视自己的问题
- linux时间同步
- LINUX : 红帽软件包管理器,YUM仓库
- 机器学习笔记二:线性回归与最小二乘法
- CSS3属性transition(过渡)详解