ajax和原生js比较与理解
ajax 目的:1.提高用户体验 2.减轻服务器端压力 ajax是异步提交,通过与form 表单的对比就可以看出
AJAX的使用 1-----原始版ajax 1、建立 XMLHttpRequest 异步通讯对象。 <script> var xhr=null; //非IE浏览器 if(window.XMLHttpRequest){ xhr=new XMLHttpRequest(); }else{ //IE浏览器 xhr=new ActiveXObject("Microsoft.XMLHTTP"); } </script> 2、//打开异步访问
xhr.open(“post/get”,“服务器访问路径”,允许异步操作标记 true/false); 3、//发送异步请求 xhr.send(); 4、//获取异步信息 //监听异步通讯状态的变化 xhr.onreadystatechange=function(){ //检测异步状态标记 if(xhr.readyState==4&&xhr.status==200){ dom对象.value=xhr.responseText; }else{ dom对象.value="ajax error"; } } 注意事项:通过服务器端返回的状态来执行函数的不同语句(这个是实现服务器端处理数据),而且最后一定要设置值 第4步特别重要,要得到数据库服务传递过来的值,然后再进行处理 客户端设置值是在打开异步访问时传递过去的数据 实际开发中,经常用json来传递对象 2.开发版ajax jquery开发ajax方法
一般情况经常用的是 ajax.get()和ajax.post方法,这种情况下实现的不同数据的分离,清晰,简洁 地址,数据,回调函数为这两个方法的三大参数 不同数据用,分离,属性和属性的值用:分离,传递的多个属性用{}封装 1.jquery的ajax方法() (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |