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

Ajax和JSON简单应用示例

阅读更多
最后更新日:2014年12月25日
前端:引入JQuery
//如果用①的方式,那么url只要写为'/Test/restApply.do?method=checkRepeat'
//然后加上:
//data={username:username,worknum:worknum,restType:restType};
//jQuery.ajaxSettings.traditional = true;
$.ajax({
  url :  '/Test/restApply.do?method=checkRepeat&checkValue1='+checkValue1
         +'&checkValue2='+checkValue2+'&worknum='+worknum,
	type : 'POST',
	dataType : 'json',
    //data:data,//注①
    //表示同步执行,不然是异步执行	
    async : false,
	error : function() {
		alert('Operate Failed!');
	},
	success : function(json) {
		//用对象.属性的方式输出出来
  alert(json.a);
	}
});
后端:引入JSONObject和JSONArray
①将数据放入JSONObject或JSONArray或两者结合
②将JSONObject的数据转为JSONObject.fromObject(jo)
或将JSONArray的数据转为JSONArray.fromObject(ja)
③是JSONObject jo或JSONArray ja
response.setCharacterEncoding("utf-8");
response.setHeader("Cache-Control", "no-cache");
PrintWriter printWriter = response.getWriter();
printWriter.write(jo.toString());//printWriter.write(ja.toString());


注:
A、如果不想用printWriter.write的方式可以写为:
①在方法上加上@ResponseBody注解
②方法返回值由void变为String
③最后将JSONObject的值toString()
B、如果不想用request.getParameter()的方式接受参数可以写为:
①前台变为
dataType : 'json'
data:JSON.stringify(data)
contentType:'application/json'
②后台为
在方法的参数里多加一个注解参数:@RequestBody String rb

但是,有个问题中文会乱码,要处理下!!!

补充:
实体类Person
public class Person {

	private String name;
	
	private int age;

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public int getAge() {
		return age;
	}

	public void setAge(int age) {
		this.age = age;
	}
	
}

JSON转化为实体bean
import net.sf.json.JSONObject;

public class Test {

	public static void main(String[] args) {
		/**
		1.这个data可能是通过request.getParameter(data)得到的
		2.这个request.getParameter(data)中的data来自页面的形式可能为:
	    var a = "张三";
	    var b = 35;
	    var d={name:a,age:b};
		jQuery.ajaxSettings.traditional = true;
		$.ajax({
			url : '/xxx/xxxx?method=xxxxx',
			type : 'POST',
			dataType : 'json',
			data:{data:JSON.stringify(d)},
			async : false,
			error : function() {
				//TODO
			},
			success : function(json) {
				if (json.resultFlag==false){
					//TODO
				}else{
					//TODO
				}
			}
		});	
		*/
		String data = "{\"name\":\"张三\",\"age\":\"35\"}";
		JSONObject jo = JSONObject.fromObject(data);
		//有时你的data并不是一个实体bean对象,那么就老老实实的:
		//jo.get("name");jo.get("age");
		Person p = (Person)JSONObject.toBean(jo, Person.class);
		System.out.println(p.getName());
		System.out.println(p.getAge());
	}
	
}
分享到:
评论

相关推荐

    文件上传和ajax获取json的小示例

    在"uploaddemo"这个压缩包中,可能包含了一个简单的JSP文件上传和AJAX获取JSON数据的示例项目。项目可能包括JSP页面、Servlet类、HTML/JavaScript代码以及数据库相关的配置文件。通过分析和运行这个示例,开发者可以...

    jQuery Ajax前后端使用JSON进行交互示例

    本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。

    ajax+json实例

    在"JsonDemo"项目中,可能包含了一个简单的AJAX+JSON示例。客户端可能有一个HTML页面,通过JavaScript调用AJAX发送请求,服务器端使用.NET处理请求,将数据以JSON格式返回。例如,一个简单的获取用户信息的接口: `...

    json简单应用示例

    "json简单应用示例"这个主题,可能包含了从创建JSON对象到与服务器交互的各种基础示例,对于初学者来说是非常有价值的参考资料。通过学习和实践这些示例,可以更好地理解和掌握JSON在实际中的应用。

    php+ajax+json的简单实例

    在IT行业中,PHP、AJAX和JSON是三个关键的技术组件,它们在构建动态、交互性强的Web应用程序中发挥着至关重要的作用。在这个“php+ajax+json的简单实例”中,我们将深入理解这三个技术是如何协同工作的。 首先,PHP...

    一头扎进Ajax&Json视频教程第一讲

    3. GET和POST请求:探讨Ajax中的两种主要请求类型,GET用于获取数据,POST用于提交数据,理解它们的区别和应用场景。 4. Json数据格式:深入学习Json的结构,包括对象和数组,以及如何在JavaScript中解析和生成Json...

    jquery ajax servlet json简单demo

    【Demo流程】在这个"jquery ajax servlet json简单demo"中,我们可以预期以下流程: 1. 客户端(浏览器)的JavaScript代码使用jQuery的AJAX函数发起请求,请求可能包含一些参数,格式化为JSON。 2. 请求被发送到...

    什么是Ajax和json???

    - **解析**:大多数现代浏览器和服务器都内置了解析JSON的功能,使得JSON的解析更简单快捷。 #### 3. Ajax与JSON的应用 **在实际开发中,Ajax经常与JSON一起使用:** - **数据获取**:Ajax可以通过HTTP请求从...

    jqury+ajax+json应用介绍

    ### jqury+ajax+json应用介绍 #### jQuery简介与特性 jQuery是一款轻量级的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。jQuery的核心理念之一就是“write less, do more”,即...

    qt qml ajax 获取 json 天气数据示例

    总结起来,这个示例展示了如何使用Qt QML的JavaScript组件和AJAX技术从远程服务器获取JSON天气数据,并将其呈现在用户界面上。`ajax.js`负责网络请求和数据解析,而`TestAjax.qml`则负责UI设计和数据绑定。这个过程...

    简单ajax jtemplate json 分页示例

    本示例主要讲解如何利用Ajax、JTemplate和JSON数据格式来实现一个简单的分页功能,无需刷新整个页面,仅更新所需的部分内容。 **Ajax基础** Ajax(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的...

    AjaxJson 实例 AjaxJson

    例如,一个简单的 AjaxJson 示例代码可能如下: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'data.json', true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr....

    jQuery中使用Ajax获取JSON格式数据示例代码.pdf

    总结来说,从给定文件的内容来看,介绍了 JSON 数据格式的特性,jQuery 中处理 Ajax 请求的基本方式,以及如何通过 jQuery 的 `$.ajax()` 和 `$.getJSON()` 方法获取和处理 JSON 数据。同时,还通过实际的代码示例,...

    Ajax+JSON 搜索框自动完成提示功能

    标题 "Ajax+JSON 搜索框自动完成提示功能" 涉及的是网页开发中的一个常见技术,用于提高用户输入体验。...开发者可以参考这个项目来理解如何结合Ajax和JSON在实际应用中实现搜索框的自动完成功能。

    Java+Ajax+JSON

    在IT行业中,Java、Ajax和JSON是开发交互式Web应用程序时不可或缺的技术。下面将详细讲解这三个概念及其相互之间的关系。 **Java** 是一种广泛使用的面向对象的编程语言,以其跨平台性和高性能而闻名。在Web开发...

    jquery_ajax_json简单实例

    以下是一个简单的jQuery AJAX和JSON的使用示例: ```javascript $.ajax({ url: 'server-side-script.php', // 服务器端处理脚本 type: 'POST', // HTTP请求类型,可以是GET或POST dataType: 'json', // 数据类型...

    ajax操作json数据

    在现代Web开发中,AJAX...总结起来,"ajax操作json数据"的主题涉及到利用AJAX进行异步通信,结合JSON作为数据传输格式,实现Web应用的无刷新数据更新。通过学习和实践,开发者可以创建更高效、更动态的交互式Web页面。

    Ajax-json.rar_JSON_ajax json_java Jquery ajax_javascript_json aj

    在提供的"Ajax-json.rar"压缩包中,可能包含了一些使用jQuery的AJAX和JSON的示例代码,这可以帮助学习者理解如何在实际项目中应用这些技术。通过分析和运行这些示例,你可以深入理解AJAX和JSON在Web开发中的实际运作...

    ajax+json程序代码

    在IT领域,Ajax(Asynchronous JavaScript and XML)和JSON(JavaScript Object Notation)是两种非常重要的技术,尤其在创建交互式、动态Web应用程序时。这个"ajax+json"的程序代码示例,显然是为了帮助初学者理解...

    Ajax、json实例学习代码

    在"AjaxDemo"这个示例中,很可能是通过Ajax发送一个请求到服务器,服务器返回JSON格式的数据,然后在前端利用JavaScript解析这些数据并更新DOM元素。这样的应用场景广泛存在于各种动态网页和Web应用中,例如实时聊天...

Global site tag (gtag.js) - Google Analytics