跟我学ajax技术——实现无刷新形式的数据查询的web应用示例(第二部分)

跟我学ajax技术——实现无刷新形式的数据查询的web应用示例(第二部分)

ID:16245263

大小:161.50 KB

页数:9页

时间:2018-08-08

跟我学ajax技术——实现无刷新形式的数据查询的web应用示例(第二部分)_第1页
跟我学ajax技术——实现无刷新形式的数据查询的web应用示例(第二部分)_第2页
跟我学ajax技术——实现无刷新形式的数据查询的web应用示例(第二部分)_第3页
跟我学ajax技术——实现无刷新形式的数据查询的web应用示例(第二部分)_第4页
跟我学ajax技术——实现无刷新形式的数据查询的web应用示例(第二部分)_第5页
资源描述:

《跟我学ajax技术——实现无刷新形式的数据查询的web应用示例(第二部分)》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、杨教授工作室精心创作的优秀程序员职业提升必读系列资料1.1跟我学AJAX技术——实现无刷新形式的数据查询的Web应用示例(第二部分)1.1.1测试本示例的目前应用效果1、配置服务器2、部署本Web应用项目3、启动服务器9杨教授工作室,版权所有,盗版必究,9/9页杨教授工作室精心创作的优秀程序员职业提升必读系列资料4、执行该页面http://127.0.0.1:8080/AJAXWebApp/index.jsp(1)可能会产生下面的中文乱码(2)解决的方法publicvoiddoGet(HttpServletRequestrequest,HttpServletRespon

2、seresponse)throwsServletException,IOException{request.setCharacterEncoding("gb2312");//对异步请求无效StringcityName=request.getParameter("cityName");cityName=newString(cityName.getBytes("ISO-8859-1"),"gb2312");//。。。}再执行,将不会出现中文乱码。但如果是Post请求,则同样也还会继续出现中文乱码。9杨教授工作室,版权所有,盗版必究,9/9页杨教授工作室精心创作的优秀程序员职

3、业提升必读系列资料5、理解和体验“无刷新”的效果尽管也是get提交,但与正常的get提交的不同点在于浏览器的URL地址栏中不出现查询字符串。同时在服务器的控制台中产生出下面的结果6、如果用户没有输入,则出现下面的错误提示7、如果出现运行时的错误,提示为9杨教授工作室,版权所有,盗版必究,9/9页杨教授工作室精心创作的优秀程序员职业提升必读系列资料1.1.1对前面的示例以Post方式进行提交1、在Servlet中增加一个doPost方法以实现与doGet系统的功能packagecom.px1987.webajax.servlet;importjava.io.IOExcep

4、tion;importjava.io.PrintWriter;importjavax.servlet.ServletException;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;importcom.px1987.webajax.model.*;publicclassAJAXServletextendsHttpServlet{//….publicvoiddoPost

5、(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{request.setCharacterEncoding("gb2312");StringcityName=request.getParameter("cityName");cityName=newString(cityName.getBytes("ISO-8859-1"),"gb2312");CreateXMLInterfacecreateXML=newCreateXMLBean();9杨教

6、授工作室,版权所有,盗版必究,9/9页杨教授工作室精心创作的优秀程序员职业提升必读系列资料//它代表我们的业务功能方法StringxmtFileResult=createXML.createXMLText(cityName);response.setContentType("text/xml;charset=gb2312");/**将Cache-Control设为no-cache将确保浏览器不会从缓存相同的URL(包括参数)返回的应答。*/response.setHeader("Cache-Control","no-cache");PrintWriterout=resp

7、onse.getWriter();out.write(xmtFileResult);//out.print(sb.toString());out.close();}//….}注意:本例中的doPost方法的代码与前面的doGet方法的代码相同。2、修改webajax.js中的sendData方法请求方式为Post方式(1)第一种方式的POST请求------将请求参数放在URL字符串中(继续采用原来的requestURL内容)varrequestURL="/AJAXWebApp/ajaxservlet?cityName="+documen

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。