Ajax基础讲解 1

Posted 2020-08-19

随着web的不断发展，Ajax的运用越来越普及，但是对很多同学来说Ajax稍微有些难懂，今天呢就简单给大家讲解一下Ajax的一些基础入门的知识，希望可以帮到刚学习Ajax的同学。

第一步：首先就是服务器的搭建，关于服务器呢不同的人有不同的需求，刚学的人就不要考虑到底用哪个服务器好了，根据每个人的技术不同服务器也不同，新手就随便弄一个可以用的就可以了，我用的是WampServer这个，比较好安装，用于自己写的页面足够了，没有服务器的同学如果想用，可以在下面给我留言，我看到会给你发送过去的；（另外多啰嗦几句，在开服务器之前尽量把迅雷啊或者播放器等占用宽带端口的软件关掉，以免冲突）

第二步：服务器装好了呢，就要进行我们的第一个Ajax程序的编写了，如下代码:

<script>
    /*
    第一步我们要知道不是任何一个浏览器都支持Ajax程序的，但是大部分还是支持的，所以呢我们要做一个判断并且做一个兼容；
    */
    //创建对象
    var oAjax = new XMLHttpRequest；//这个属性是不加载刷新；
        //判断是否支持XMLTttpRequset这个属性
          if（Window. XMLHttpRequest）{
            //如果支持有，直接可以使用
         }else{
           //如果没有那么就要调用插件了
           oAjax = new ActiveXobjest(‘Microsoft.XMLHTTP‘)/*ActiveXobjest这个是一个插件IE6在做的时候没有直接放到内核但却缺把他做成了插件放到了里面，所以调用时可以直接调用的到*/
         oAjax.open（‘GET‘,url,true）//这个呢就是比喻是拨号，要什么号码什么目标一样里面要放
        oAjax.send()//这个呢是向服务器发送请求的方法；
       //最后呢就是要获取服务器的内容了；
        oAjax.onreadystatechange = function(){    //onreadystatechange 存储函数（或函数名），
					if(oAjax.readyState == 4){ /* XMLHttpRequest 有五种状    态。从 0 到 4 发生变化。0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成，且响应已就绪 ；*/
                                                  //判断是否找到数据；
                                                 if(oAjax.status ==200){    //ok找到了
				                      alert(oAjax.responseText);//弹出获得字符串形式的响应数据。
				
			                         }else{       //失败
			                        	alert(失败了‘)
					            }
				}
    
        }

</script>