`
Tank03
  • 浏览: 80690 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

一个简单的JSON+AJAX

阅读更多

     最近把系统给彻彻底底的给清理了,在清理的时候居然发现以前的项目,和习题.所以拿出来给大家看看.也做个纪念.晕

内容如下:

我这里是json.js(放在index.jsp中,记得一定要放在所以js的第一个引入),json.jar(放在bin下面).

     1:首先你建一个js文件

内容如下:

     var xmlHttp;

function  createXMLHttpRequest()  {
  if  (window.ActiveXObject)  {
     xmlHttp  =   new  ActiveXObject("Microsoft.XMLHTTP");
  }  
  else   if  (window.XMLHttpRequest)  {
     xmlHttp  =   new  XMLHttpRequest();
  } 
} 
//创建Person类有参构造器
function Person(name,age,gender,birthday){
	this.age = age;
	this.gender = gender;
	this.name = name;
	this.birthday = birthday;
}
//创建一个Person的对象
function getPerson(){
	return new Person("coco",25,true,"1988-08-08");
}
//发起ajax请求
function doJSON(){
   var  person  =  getPerson();
   
   //使用json.js库里的stringify()方法将person对象转换成Json字符串 
   var  personAsJSON  =  JSON.stringify(person);
   alert( " Car object as JSON:\n  "   +  personAsJSON);
   
   var url = "JSONExample?timeStamp="+new Date().getTime();
   
   createXMLHttpRequest();
   xmlHttp.open("POST",url,true );
   xmlHttp.onreadystatechange  =  handleStateChange;
   xmlHttp.setRequestHeader("Content-Type" ,"application/x-www-form-urlencoded");    
   xmlHttp.send(personAsJSON);
}

function  handleStateChange()  {
    if (xmlHttp.readyState  ==   4 )  {
        if (xmlHttp.status  ==   200 )  {
            parseResults();
        } 
    } 
}

function  parseResults()  {
    var  responseDiv  =  window.document.getElementById("responseDiv");
    var content = xmlHttp.responseText
    responseDiv.value = content;
}

 

 

下面是处理的Servlet

 

 

public class JSONExample extends HttpServlet{
	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		String json  =  readJSONStringFromRequestBody(req);
        
        // Use the JSON-Java binding library to create a JSON object in Java 
        JSONObject jsonObject  =   null ;
        String responseText = null;
        try{
           //将json字符串转化为JsonObject对象
           jsonObject  =   new  JSONObject(json);
           String gender = jsonObject.getBoolean("gender")?"男":"女";
           responseText  =   "You name is  "   +  jsonObject.getString( "name" )  +   " age is  " 
           +  jsonObject.getInt( "age" )  +   "  gender is "   + gender
           +  "  birthday is  "   +  jsonObject.getString( "birthday" );
           System.out.println("responseText="+responseText);
        } 
         catch (Exception pe)  {
           System.out.println( " ParseException:  "   +  pe.toString());
        } 
        //设置字符集,和页面编码统一
        resp.setCharacterEncoding("utf-8");
        resp.setContentType( "text/xml" );
        resp.getWriter().print(responseText);
	}

	//读取传递过来的信息
	private  String readJSONStringFromRequestBody(HttpServletRequest request) {
        StringBuffer json  =   new  StringBuffer();
        String line  =   null ;
        try   {
            BufferedReader reader  =  request.getReader();
            while ((line  =  reader.readLine())  !=   null )  {
                json.append(line);
            } 
        } 
          catch (Exception e)  {
            System.out.println( "Error reading JSON string:  "   +  e.toString());
        } 
         return  json.toString();
    } 
}
 

 

分享到:
评论

相关推荐

    struts2+json+ajax+jquery

    在"strutsdemo12"这个项目中,可能包含了一个使用Struts2、Ajax、jQuery和JSON的示例应用。开发者可能创建了Action类来处理请求,返回JSON数据,同时在前端使用jQuery的Ajax方法来发送请求并处理响应。这些文件可能...

    Json+ajax简单实例

    在这个“Json+ajax简单实例”中,我们将深入理解这两者如何协同工作,以及如何使用它们来创建交互式Web应用。 JSON是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析和生成。它基于JavaScript...

    项目组管理系统,Java+json+jQuery+ajax

    jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。在这个项目中,jQuery可能被用来动态地更新页面内容,如加载项目列表、显示任务详情或者处理用户的交互操作。例如,使用$...

    SpringMVC+JSON+mybatis+jQuery+Ajax+Maven做的无刷新登录,注册,修改密码以及校验并且赋有详细注释,以及增删改查功能

    注:此项目是用IntelliJ IDEA 13.1.3此软件编写而成,不过和myeclipse都差不多,本项目包含SpringMVC+JSON+mybatis+jQuery+Ajax+Maven做的无刷新登录,注册,修改密码,拦截器,如果用户没有登录则不能进行相应操作...

    ajax+json+java

    Java文件(如Controller.java)可能是Spring MVC中的一个控制器,负责接收请求、处理业务逻辑并返回JSON响应。 总结起来,"Ajax + JSON + Java" 的结合是现代Web开发中常用的一种技术栈,用于创建响应式、动态的...

    struts2+jquery+json+ajax例子

    总结起来,"struts2+jquery+json+ajax"的例子展示了如何利用这些技术协同工作,实现一个无刷新的登录界面,提供流畅的用户体验。通过Struts2处理业务逻辑和数据验证,jQuery和Ajax负责前后端的通信,JSON作为数据...

    Springmvc+maven+ajax+jquery+json+mybatis登录增删改查详细注释

    Springmvc+maven+ajax+jquery+json+mybatis做的登录,注册,增删改查详细注释,大家可以来一下,看看对自己有没有帮助哈,这是我自己一点点的打的,采用MyEclipse 10运行出来.并且付有sql脚本.可直接导入运行.并且经本人...

    省市县三级菜单联动(mysql+ajax+json+php)

    同样,当用户在二级菜单中选择一个城市时,会再次触发AJAX请求,获取该城市的下属县,并更新三级菜单。 这个项目的代码结构可能包括以下几个关键部分: 1. MySQL数据库表结构和插入示例数据。 2. PHP脚本,处理...

    struts+json+ajax

    Struts是Java EE平台上的一个MVC(Model-View-Controller)框架,它帮助开发者组织和管理应用程序结构,实现业务逻辑与表现层的分离。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和...

    .net JSON+ajax 分页

    在本例中,Jquery是一个广泛使用的JavaScript库,它简化了Ajax操作。Default.aspx是ASP.NET的默认页面,可能包含展示数据的HTML表格或其他UI元素,以及使用Ajax调用Handler.ashx的JavaScript代码。这部分代码通常会...

    SSH+jQuery+json 实现的Ajax操作,绝对精华,代码简练清晰,绝对能看明白

    这个压缩包中的资源,"SSH+jQuery+json 实现的Ajax操作,绝对精华,代码简练清晰,绝对能看明白",显然提供了一个使用这些技术实现Ajax级联操作的实例。下面将详细介绍这些技术及其在Ajax操作中的应用。 **SSH ...

    JSON+js+jquery+ajax基础.zip

    它是基于JavaScript的一个子集,但JSON是独立于语言的,具有数据格式简单、易于读写的特点。在Web开发中,JSON常用于在服务器与客户端之间传输数据,尤其是在AJAX(Asynchronous JavaScript and XML)技术中。 ...

    struts2+json+ajax整合例子(导入即可运行,附带详细教程)

    总的来说,"Struts2+json+ajax整合例子"是一个实用的教学资源,帮助开发者了解如何在实际项目中利用这些技术进行高效的Web开发。通过学习和实践这个例子,开发者可以提升其在Web应用程序开发中的技能。

    struts2+json+ajax

    5. **示例代码**:在提供的压缩包文件中,可能包含了一个简单的JSP页面,它包含了发送Ajax请求的JavaScript代码,以及一个Struts2 Action类,处理这个请求并返回JSON数据。你可以将这些文件导入到你的Web工程中,...

    json+ssh+ajax

    在标题“json+ssh+ajax”中,我们可以推测这是一个结合了这三种技术的项目。可能的情况是,这个项目使用SSH连接到远程服务器,然后使用AJAX技术来实现在用户界面中的实时数据更新,而这些数据可能是通过JSON格式交换...

    json+jquery+struts2+ajax

    struts2 json jquery ajax实现用户登陆及业面跳转

    【项目原型】spring+spring mvc+mybatis+shiro+maven+bootstrap+ajax+json+分页+逆向工程

    【项目原型】spring+spring mvc+mybatis+shiro+maven+bootstrap+ajax+json+分页+逆向工程 包含现在最流行的技术框架,快速部署各种应用,加入shiro权限框架,安全,美观,你值得拥有

    json+AJAX例子

    1. 两个HTML文件:每个文件可能包含一个AJAX请求的示例,分别向JSP和Action发送数据。 2. JSP文件:接收并处理来自HTML的AJAX请求,可能进行一些业务逻辑处理,然后返回JSON响应。 3. Action类(如果有的话):在...

    json+ajax基本实现

    json+ajax基本实现,含有jar包,commons-beanutils-1.8.0.jar,commons-collections-3.2.1.jar,commons-lang-2.5.jar,commons-logging-1.2.jar,ezmorph-1.0.6.jar,jackson-databind-2.8.9.jar,json-lib-2.4-jdk...

Global site tag (gtag.js) - Google Analytics