分享ajax三种实现方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了分享ajax三种实现方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3156字，纯文字阅读大概需要5分钟。

内容图文

本文主要是比较三种实现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实现

    

    
    
    


2024-06-14 12:18:02