ajax 请求

	**ajax**
	**小生不才如有不对请多指教**
	
	1.做为一个初学者很开心能够认识到ajax今天我们一块学习一下ajax。
	    首先我们一块了解一下什么是ajax,长什么样子?有什么作用?
	    第一步我们先把ajax怎么拼写记下来,然后到百度上搜索ajax,我们
	    会搜索到佷多大神写的关于ajax的,这个时候我一般会选择‘webhcj’他
	    写的,因为他很帅!
	2.说了这么多没有一句话能用的,这个人精神有问题,为什么会出现ajax,
	   因为ajax是为了在不重新加载整张页面的情况下,让页面的某一块内容发生改变,
	  ( what?什么加载页面,让页面局部内容变化?)答:就是你在一张画纸上面画了
	   一只小黄鸭,但是你又不知道小黄鸭的嘴巴画的对不对,但是你又不可能每画	
	    完 都跑去让你老师评价你画的怎么样,这个时候你需要问一下你的同学,你同学
	    会直 接给你个反馈。ajax不属于w3c规范,Asynchronous JavaScript and XML用		    javascript进行异步请求网络,xml主要保存和传输数据。
	3.同步交互:一个时间段只能进行一个进程。
	   异步交互:一个时间段可以进行多个进程。
	   如图:

在这里插入图片描述

	   上图所示你注册的用户名不符合标准,但是却没有刷新整个页面。
4.现在知道ajax的作用了吧,你说这么多ajax到底是怎么用,别急心急吃不了臭豆腐,我们现在一块把	   ajax的祖宗十八代找出来,要有耐心慢慢看,让我去洗下手这是个神圣的时刻..........
   
   姓名:ajax。诞生于1999年,微软公司发布IE5浏览器的时候嵌入的一种技术,起名为XMLHTTP;直到
   2005年Ajax才开始流行使用,2005年google公司发布了一个邮箱产品gmail,内部的聊天工具有使用	  ajax技术,从此就引起了对ajax的兴趣从此ajax被广泛使用。
5.联系到的技术有html、css、javascript、xml、xmlhttpRe'que's't'对象(ajax对象)XMLhttpRequest是	  ajax的官方的名称。一个ajax应用程序就是创建一个ajax对象,对象调用其方法和属性的一个过程。
6.如何创建ajax对象
分四部分,记住一定要有四部分
1.创建ajax环境
	 var request=new XMLHttpRequest  () //建立ajax
	 .open(method, url, true);//打开地址
	 .setRequestHeader('content-type', 'application/x-www-form-urlencoded');//判断是否正确
	 .send(data);//发送内容
案例
【	
function ajax(method, url, data) {//创建方法
    var xhr = null; //声明一个xhr值为空
    if (XMLHttpRequest) {//判断浏览器的类别 ie
        xhr = new XMLHttpRequest()  //兼容ie的把值付进去
    } else {
        xhr = new ActiveXObject("Microsoft.XMLHTTP")//否则创建一个新的兼容
    }
    if (method == "get") {//判断获取的方式
        // console.log(1);
        xhr.open(method, url + "?" + data, true);//打开内容地址
        
        xhr.send();//发送内容
    } else {//如果不是用另一种方式
        // console.log(2);
        xhr.open(method, url, true);//打开内容
        xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');//向后台发送关键字判断是否正确
        xhr.send(data);//返回正确,发送内容
    }
    return new Promise((sucee, fail)=> {
        xhr.onreadystatechange = ()=> {//判断状态方法
            if (xhr.readyState == 4) {//判断自己书写的内容是否正确
           
                if (xhr.status == 200) {//判断服务器知否链接完毕
                    sucee(xhr.responseText)
                } else {
                    fail(xhr.status)
                }
            }
        }
    })
}
】

你会了吗,快去试试吧
小生不才如有不对请多指教

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值