最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

分享ajax三种实现方法

来源:动视网 责编:小采 时间:2020-11-27 20:32:26
文档

分享ajax三种实现方法

分享ajax三种实现方法:本文主要是比较三种实现Ajax的方式,为以后的学习开个头。 准备: 1、 prototype.js 2、 jquery1.3.2.min.js 3、 json2.js 后台处理程序(Servlet),访问路径servlet/testAjax: Java代码 package ajax.servlet; import j
推荐度:
导读分享ajax三种实现方法:本文主要是比较三种实现Ajax的方式,为以后的学习开个头。 准备: 1、 prototype.js 2、 jquery1.3.2.min.js 3、 json2.js 后台处理程序(Servlet),访问路径servlet/testAjax: Java代码 package ajax.servlet; import j


本文主要是比较三种实现Ajax的方式,为以后的学习开个头。

准备:

1、 prototype.js
2、 jquery1.3.2.min.js
3、 json2.js

后台处理程序(Servlet),访问路径servlet/testAjax:

Java代码

package ajax.servlet; 
import java.io.IOException; 
import java.io.PrintWriter; 
import javax.servlet.ServletException; 
import javax.servlet.http.HttpServlet; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 
/** 
 * Ajax例子后台处理程序 
 * @author bing 
 * @version 2011-07-07 
 * 
 */
public class TestAjaxServlet extends HttpServlet { 
 public void doGet(HttpServletRequest request, HttpServletResponse response) 
 throws ServletException, IOException { 
 response.setContentType("text/html;charset=utf-8"); 
 PrintWriter out = response.getWriter(); 
 String name = request.getParameter("name"); 
 String age = request.getParameter("age"); 
 System.out.println("{\"name\":\"" + name + "\",\"age\":\"" + age + "\"}"); 
 out.print("{\"name\":\"" + name + "\",\"age\":" + age + "}"); 
 out.flush(); 
 out.close(); 
 } 
 public void doPost(HttpServletRequest request, HttpServletResponse response) 
 throws ServletException, IOException { 
 doGet(request,response); 
 } 
}

TestAjaxServlet接收两个参数:name和age,并返回一个以JSON格式编写的字符串。

前台页面参数输入界面:

Html代码

显示区域 
 
 name:
age:

一、prototype实现

 
 

在prototype的Ajax实现中,用evalJSON方法将字符串转换成JSON对象。

二、jquery实现

 
 

刚接触jQuery,在json的处理上借助了json2.js。还请前辈们指教。

三、XMLHttpRequest实现

文档

分享ajax三种实现方法

分享ajax三种实现方法:本文主要是比较三种实现Ajax的方式,为以后的学习开个头。 准备: 1、 prototype.js 2、 jquery1.3.2.min.js 3、 json2.js 后台处理程序(Servlet),访问路径servlet/testAjax: Java代码 package ajax.servlet; import j
推荐度:
标签: 分享 共享 方法
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

Top