、Ajax是AsynchronousJavaScriptand XML的缩写，界内成为异步JavaScript和XML，它是指一种创建交互式网页应用的网页开发技术。Ajax技术是目前在浏览器中通过JavaScript脚本可以使用的所有技术的集合。Ajax以一种崭新的方式来使用所有的这些技术，使得古老的B/S方式的Web开发焕发了新的活力。
工具/原料
电脑
eclipse
ajax（）方法介绍
1、它是jQuery底层的ajax实现，通过HTTP请求加载页面数据。
ajax（）方法的格式
1、$.ajax({type:"",url:"",data:,async:,dataType:"",success:function(returnedData){},error:function(e){}});}例子如图：
2、参数介绍：type:请求方式，“POST”或者“GET”,默认为“GE哌囿亡噱T”。url:发送请求的地址。data:要向服务器传递的数据，书写的形式主要为key:value，例剧安颌儿如（id:1）。GET请求会附加到url后面。async:默认true,true代表异步请求，false代表同步请求。dataType:预期服务器返回的数据类型,可以不指定。有XML、JSON、HTML、Text等。
struts2的action对请求进行处理
1、publicvoidajaxR娣定撰钠equest(){HttpServletRequestreque霜杼厮贿st=ServletActionContext.getRequest();HttpServletResponseresponse=ServletActionContext.getResponse();//设置返回数据为html文本格式response.setContentType("text/html;charset=utf-");response.setHeader("pragma","no-cache");response.setHeader("cache-control","no-cache");PrintWriterout=null;try{Stringch=request.getParameter("ch");//参数值是中文，需要进行转换ch=newString(ch.getBytes("ISO--"),"utf-8"); //控制台输出System.out.println("中文:"+ch);//业务处理StringresultData="helloworld";out=response.getWriter();out.write(resultData);//如果返回json数据，response.setContentType("application/json;charset=utf-8");//Gsongson=newGson();//Stringresult=gson.toJson(resultData);//用Gson将数据转换为json格式//out.write(result);out.flush();}catch(Exceptione){e.printStackTrace();}finally{if(out!=null){out.close();//结束}}
struts.xml配置文件
1、<actionname="ajaxRequest"//action的名字，用于匹配URLclass="com.test.TestAction"//Action实现类的完整类名method="ajaxRequest"//执行Action类时调用的方法></action>
2、参数介绍：属性是否必设说明name是action的名字，用于匹配URLclass否Action实现类的完整类名method否执行Action类时调用的方法convert否应用于action的类型转换的完整类名
AJAX前后台交互方法
1、实例：验证同步时大量数据石，是否会出现传输卡顿的现象？注意：ajax通过async参数的设置来决定数据传输是异步还是同步 异步处理的执行顺序是先执行后续动作，再执行success里代码; 同步处理的先执行success里代码，再执行后续代码;这里我们以C#语言进行测试
异步测试
1、前台代码：functionTest(str1,str2){$.ajax({t鲻戟缒男ype:"Post",ur造婷用痃l:"Text.aspx/Text",async:true,data:"{'x':'"+str1+"','y':'"+str2+"'}",contentType:"application/json;charset=utf-8",dataType:"json",success:function(data){//返回的数据用data.d获取内容alert(data.d);},error:function(err){ //返回错误信息alert(err);}});$("#pageloading").hide();}
2、后台代码：usingSystem.Web.Script.Services;publicstaticStringText(Stringx,Stringy){returnx+y; }
3、注意：方法传参的参数数要与后台一致，并且区分大小写，不能为数组等。
同步测试
1、前台代码：functionTest(str1,str2){varstr$.aj瞢铍库祢ax({惺绅寨瞀type:"Post",url:"Text.aspx/Text",async:true,data:"{'x':'"+str1+"','y':'"+str2+"'}",contentType:"application/json;charset=utf-8",//设置返回的数据类型为jsondataType:"json",success:function(data){//返回的数据用data.d获取内容alert(data.d);},error:function(err){//返回错误信息alert(err);}});returnstr；}
2、后台代码：usingSystem.Web.Script.Services;publicstaticStringText(Stringx,Stringy){returnx+y;}
3、注意：方法传参的参数数要与后台一致，并且区分大小写，不能为数组等。