原生Aajax 和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写法：

var xhr;
  function rukou()//入口函数
  {
   xhr=getxhr();
   if(xhr==null)
   {
    alert("浏览器不支持！");
   }
   var url="";
   xhr.onreadystatechange=fanhui;
   xhr.open("GET",url,true);
   xhr.send(null);
  }
  function fanhui()//请求成功的回调函数
  {
   if(readyState==4)
   {
    document.getElementById("xx").innerHTML=xhr.responseText;
   }
  }
  function getxhr()//获取xmlhttp对象
  {
   xhr=null;
   try{
    xhr=new XMLHttpRequest();
   }
   catch(e)
   {
    xhr=new ActiveXObject("Microsoft.XMLHTTP");
   }
  }

　　　　　　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("错误！！！");
   }
  })
 })  

 以上所述是小编给大家介绍的原生Aajax 和jQuery Ajax 个人总结，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# 原生ajax和jquery  # ajax  # 原生ajax  # 原生Ajax 和jQuery Ajax的区别示例分析  # 原生js jquery ajax请求以及jsonp的调用方法  # 原生js仿jquery实现对Ajax的封装  # 原生和jQuery的ajax用法详解  # 简单聊一聊原生Ajax与JQuery Ajax  # 小编  # 在此  # 是指  # 给大家  # 不支持  # 第三个  # 所述  # 回调  # 给我留言  # 中要  # 感谢大家  # 数据交换  # 客户端  # 重定向  # 疑问请  # 有任何  # 情况下  # 加载  # 这意味着  # POST 

相关文章： 宝塔建站后网页无法访问如何解决？  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  建站之星后台搭建步骤解析：模板选择与产品管理实操指南  网站制作员失业,怎样查看自己网站的注册者？  SQL查询语句优化的实用方法总结  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  开心动漫网站制作软件下载,十分开心动画为何停播？  如何在服务器上配置二级域名建站？  如何通过万网虚拟主机快速搭建网站？  如何快速查询网站的真实建站时间？  如何通过多用户协作模板快速搭建高效企业网站？  北京企业网站设计制作公司,北京铁路集团官方网站？  建站之星代理平台如何选择最佳方案？  建站之星云端配置指南：模板选择与SEO优化一键生成  建站之星ASP如何实现CMS高效搭建与安全管理？  如何通过智能用户系统一键生成高效建站方案？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  如何在IIS中新建站点并配置端口与IP地址？  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  ,石家庄四十八中学官网？  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  html制作网站的步骤有哪些,iapp如何添加网页？  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  如何快速搭建自助建站会员专属系统？  c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  如何用PHP快速搭建高效网站？分步指南  建站主机服务器选型指南与性能优化方案解析  建站主机选虚拟主机还是云服务器更好？  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  建站之星如何配置系统实现高效建站？  ,在苏州找工作，上哪个网站比较好？  建站主机与虚拟主机有何区别？如何选择最优方案？  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  攀枝花网站建设,攀枝花营业执照网上怎么年审？  h5网站制作工具有哪些,h5页面制作工具有哪些？  网站插件制作软件免费下载,网页视频怎么下到本地插件？  Swift中switch语句区间和元组模式匹配  成都响应式网站开发,dw怎么把手机适应页面变成网页？  *服务器网站为何频现安全漏洞？  如何在Ubuntu系统下快速搭建WordPress个人网站？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  重庆网站制作公司哪家好,重庆中考招生办官方网站？  高端企业智能建站程序：SEO优化与响应式模板定制开发  上海网站制作开发公司,上海买房比较好的网站有哪些？  建站之星如何修改网站生成路径？  宝盒自助建站智能生成技巧：SEO优化与关键词设置指南  Python lxml的etree和ElementTree有什么区别  浅谈Javascript中的Label语句