原生ajax 和jquery ajax 个人总结

AJAX:即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。

　　　　　　一个完整的HTTP请求：由请求方式、URL、请求头和请求体组成；

　　　　　　一个完整的HTTP响应：由状态码、响应头、响应体组成；

　　　　　　http状态码：1开头代表信息类正在处理、2开头代表请求成功200 OK、3开头代表重定向、4开头代表客户端错误 404、5开头代表服务器错误；

　　　　　　响应状态：0,1,2,3,4 4代表响应成功。

　　　　　　open方法中的第三个参数代表是否异步（TRUE为异步 FALSE为同步）。

　　　　　　当请求方式为POST时，open方法后面要设置请求头（xmlhttp.setResponseHeader("")）send方法中要加入；

　　原生JavaScript写法：

 1         var xhr;
 2         function rukou()//入口函数
 3         {
 4             xhr=getxhr();
 5             if(xhr==null)
 6             {
 7                 alert("浏览器不支持！");
 8             }
 9             var url="";
10             xhr.onreadystatechange=fanhui;
11             xhr.open("GET",url,true);
12             xhr.send(null);
13
14         }
15         function fanhui()//请求成功的回调函数
16         {
17             if(readyState==4)
18             {
19
20                 document.getElementById("xx").innerHTML=xhr.responseText;
21             }
22         }
23         function getxhr()//获取xmlhttp对象
24         {
25             xhr=null;
26             try{
27                 xhr=new XMLHttpRequest();
28             }
29             catch(e)
30             {
31                 xhr=new ActiveXObject("Microsoft.XMLHTTP");
32             }
33         }

　　　　　　jQuery中的ajax写法：

$("#tijiao").click(function(){$.ajax({type:"GET",url:"http://localhost/AJAX/test.php?name="+$("#name").val()+"&phone="+$("#phone").val(),dataType:"json",success:function(data){$("#success").html(data.msg);},error:function(){alert("错误！！！");}})})

$("#tijiao").click(function(){$.ajax({type:"POST",url:"test.php",data:{name:$("#name").val(),phone:$("#phone").val()},dataType:"json",success:function(data){$("#success").html(data.msg);},error:function(){alert("错误！！！");}})})

转载于:https://www.cnblogs.com/liuxuhtml/p/6608183.html

原生ajax 和jquery ajax 个人总结相关推荐

原生Aajax 和jQuery Ajax 写法个人总结（简单）
AJAX:即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.本文重点给大家介绍原生 ...
$.ajax data怎么处理_不会吧，不会吧，不愧是Ajax，jQuery Ajax啊
Ajax and jQuery Ajax 我们做前端的,肯定不会只满足于写一些静态网页,我们希望做到网站(与服务器)的数据交互.不得不说,现在前端的发展真是太快了,不断的更新迭代,新的技术就如同雨后春 ...
AJAX(三)jQuery AJAX.post
在jQuery 中也提供了一个比较简单的ajax请求jQuery.post(url, [data], [callback], [type]),如果考虑出错时执行函数该方法不适合,请选择ajax 相对j ...
JS Ajax 和 jQuery Ajax ：异步自动填充
第四十八章 JS Ajax 和 jQuery Ajax : 异步自动填充 48.1 案例介绍 48.2 案例相关技术 48.2.1 JSON数据 48.2.2 JSON-LIB工具 48.3 案例分析 ...
jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
jqueryajax AJAX是与服务器交流数据的艺术,它在不重载全部页面的情况下,完成了对部分网页的更新. jQueryAJAX实例请点击下面的按钮,经过jQueryAJAX改变这段文本. 获得外 ...
asmx 接受 ajax post,jQuery ajax调用web服务（asmx）触发认证弹出框
在我的asp.net 4.0电子商务web应用程序中,登录的客户可以点击锚点,如"过去6个月内的订单"或"订单去年"来查看他过去的订单.当点击这样的锚,我做一个 ...
jquery ajax node,jquery ajax post json and node express
在开发中,我们需要通过ajax向node服务端发送数据,而JavaScript天然对json的解析极其友好,所以我们一般都是通过ajax向服务端发送一个对象,直接在服务端使用点操作获取对象内容. fr ...
php jquery ajax登录,jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
弹出层主要用于展示丰富的页面信息,还有一个更好的应用是弹出表单层丰富交互应用.常见的应用有弹出登录表单层,用户提交登录信息,后台验证登录成功后,弹出层消失,主页面局部刷新用户信息.本文我们将给大家介绍 ...
文本框输入即时Ajax搜索,JQuery+AJAX实现搜索文本框的输入提示功能
平时使用谷歌搜索的时候发现只要在文本框里输入部分单词或字母,下面马上会弹出一个相关信息的内容框可供选择.感觉这个功能有较好的用户体验,所以也想在自己的网站上加上这种输入提示框. 实现的原理其实很简单, ...
php jquery ajax xml,jquery Ajax解析XML数据代码实例
jquery Ajax解析XML数据(同步及异步调用)简单实例 $.ajax({ async: true, // 默认true(异步请求) cache: true, // 默认true,设置为 fal ...

原生ajax 和jquery ajax 个人总结

原生ajax 和jquery ajax 个人总结相关推荐

最新文章

热门文章