本篇文章主要的讲述了关于ajax的入门篇,关于ajax的的初级知识,你真的全会了吗?看完这篇文章你就能大致的明白ajax的意义了。现在来阅读本篇文章吧
ajax入门第一篇文章简述:这篇文章主要介绍ajax的是什么,ajax的作用,和ajax请求的流程,并且在文章的分析一个ajax的一个简单例子。
ajax的概念这里主要是介绍我对于ajax的个人理解,如果想了解ajax的详细概念,可以点击下面的链接:
详细的ajax的概念
ajax:    全称是异步的javascript和xml,主要针对部分网页进行无刷新更新数据。ajax的作用:    主要是用于数据的交互。ajax的优点:    1.节省用户的操作,时间,提高用户体验,减少数据请求。    2.传输获取数据。(想看更多就到栏目中学习)
ajax的请求流程在我们的日常浏览网页的时候,一般会有如下几个步骤    1.打开浏览器    2.在浏览器上输入地址    3.提交请求    4.等待服务器返回内容
ajax的执行的流程和上述的流程有异曲同工的意思。
1.创建一个ajax对象----->xmlhttprequest(),类同与打开浏览器。    2.调用ajax对象的open()方法,---->在浏览器中输入要访问的网址。    3.调用ajax对象的send()方法,---->提交。    4.等待服务器返回数据。
分析一个简单的ajax的程序。该程序主要实现的功能是:    在页面中定义一个按钮,当点击按钮时,将实现无刷新的从后台获取一个文本的信息,并将它输出在浏览器中。       程序的源码:
ajax.html
<!doctype html>    <html>        <head>            <meta charset="utf-8">            <title>ajax的第一例子</title>            <script>                window.onload=function(){                    var obtn=document.getelementbyid("btn");                    obtn.onclick=function(){                        var xhr=null;                        //为了解决兼容性问题,先判断是否存在xmlhttprequest对象                        if(window.xmlhttprequest){                            //如果存在就直接创建该对象                            xhr=new xmlhttprequest();                        }else{                            //如果不存在,就使用activexobject插件创建microsoft.xmlhttp对象。                            xhr=new activexobject('microsoft.xmlhttp');                        }                        //调用ajax对象的open方法,传入的三个参数分别是:数据请求的方式,请求的地址,是否异步。                        xhr.open('get','1.txt',true);                        //提交                        xhr.send();                        //等待服务器返回数据                        xhr.onreadystatechange = function(){                            if(xhr.readystate==4){                                if(xhr.status==200)                                {                                    alert(xhr.responsetext);                                }                                else{                                    alert("出错了,错误信息是:"+xhr.status);                                }                            }                        }                    }                }            </script>        </head>**重点内容**        <body>            <input type="button" value="按钮" id="btn" />        </body>    </html>
本篇文章到这就结束了(想看更多就到ajax使用手册栏目中学习),有问题的可以在下方留言提问。
以上就是ajax的基础知识你会多少?ajax应用的基础实例解析的详细内容。
   
 
   