zoukankan      html  css  js  c++  java
  • Ajax基础讲解 1

    随着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>                            
    

      

  • 相关阅读:
    文字有阴影效果
    asp.net(c#)将彩色图片变灰阶图片
    C#异步调用的方法
    PHP获取指定月份的第一天开始和最后一天结束的时间戳函数
    php 获取当前用户的IP
    网站前端性能优化
    grep命令的使用
    学C++的经验总结
    主键、唯一键与唯一索引的区别
    shell的比较运算符
  • 原文地址:https://www.cnblogs.com/dreeick/p/6065067.html
Copyright © 2011-2022 走看看