首页 > Web开发 > 详细

ajax 基础

时间:2020-08-14 20:32:05      阅读:57      评论:0      收藏:0      [点我收藏+]

一、定义

1、AJAX(AsynchronousJavaScriptandXML)异步的JavaScript和XML。
2、AJAX不是新的编程语言,而是一种使用现有标准的新方法。
3、AJAX最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数
据并更新部分网页内容。
4、AJAX可以使网页实现异步更新
5、AJAX不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。

二、原理

 1、创建实例对象 2、给浏览器输送请求方式和链接 3、发送请求 4、浏览器验证返回数据
 
三、步骤

1、创建对象

兼容性问题:

Var xmlhttp;

if(window.XMLHttpRequest){

//IE7+,Firefox,Chrome,Opera,Safari浏览器执行代码

xmlhttp=newXMLHttpRequest();

}else{

//IE6,IE5浏览器执行代码

xmlhttp=newActiveXObject("Microsoft.XMLHTTP");

}

2、告诉浏览器

链接 xml.open(‘get’,”url(请求的地址)”,true)后面的第三个参数是判断是否同步还是异步

3、发送请求

Xmlhttp.Send()

4、后台验证并接受返回数据

Ajax状态有5种0-4  4代表Ajax请求成功

http 的请求 5种 1xx  2xx(200代表请求成功)  3xx  4xx  5xx

xmlhttp.readyState==4 (ajax请求状态)&&xmlhttp.status==200(http请求状态)

xmlhttp.onreadystatechange=function(){

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

console.log(xmlhttp.response)

}

}

四、扩展

Json对象 var json = {‘name’:’zs’,’age’:’18’}

json字符串 var json1 = ‘{‘name’:’zs’,’age’:’18’}’

json对象转化成json字符串JSON.stringify()

json字符串转化成json对象JSON.parse()

ajax 基础

原文:https://www.cnblogs.com/guirong/p/13504075.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!