最后更新日: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());
}
}
分享到:
相关推荐
在"uploaddemo"这个压缩包中,可能包含了一个简单的JSP文件上传和AJAX获取JSON数据的示例项目。项目可能包括JSP页面、Servlet类、HTML/JavaScript代码以及数据库相关的配置文件。通过分析和运行这个示例,开发者可以...
本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。
在"JsonDemo"项目中,可能包含了一个简单的AJAX+JSON示例。客户端可能有一个HTML页面,通过JavaScript调用AJAX发送请求,服务器端使用.NET处理请求,将数据以JSON格式返回。例如,一个简单的获取用户信息的接口: `...
"json简单应用示例"这个主题,可能包含了从创建JSON对象到与服务器交互的各种基础示例,对于初学者来说是非常有价值的参考资料。通过学习和实践这些示例,可以更好地理解和掌握JSON在实际中的应用。
在IT行业中,PHP、AJAX和JSON是三个关键的技术组件,它们在构建动态、交互性强的Web应用程序中发挥着至关重要的作用。在这个“php+ajax+json的简单实例”中,我们将深入理解这三个技术是如何协同工作的。 首先,PHP...
3. GET和POST请求:探讨Ajax中的两种主要请求类型,GET用于获取数据,POST用于提交数据,理解它们的区别和应用场景。 4. Json数据格式:深入学习Json的结构,包括对象和数组,以及如何在JavaScript中解析和生成Json...
【Demo流程】在这个"jquery ajax servlet json简单demo"中,我们可以预期以下流程: 1. 客户端(浏览器)的JavaScript代码使用jQuery的AJAX函数发起请求,请求可能包含一些参数,格式化为JSON。 2. 请求被发送到...
- **解析**:大多数现代浏览器和服务器都内置了解析JSON的功能,使得JSON的解析更简单快捷。 #### 3. Ajax与JSON的应用 **在实际开发中,Ajax经常与JSON一起使用:** - **数据获取**:Ajax可以通过HTTP请求从...
### jqury+ajax+json应用介绍 #### jQuery简介与特性 jQuery是一款轻量级的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。jQuery的核心理念之一就是“write less, do more”,即...
总结起来,这个示例展示了如何使用Qt QML的JavaScript组件和AJAX技术从远程服务器获取JSON天气数据,并将其呈现在用户界面上。`ajax.js`负责网络请求和数据解析,而`TestAjax.qml`则负责UI设计和数据绑定。这个过程...
本示例主要讲解如何利用Ajax、JTemplate和JSON数据格式来实现一个简单的分页功能,无需刷新整个页面,仅更新所需的部分内容。 **Ajax基础** Ajax(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的...
例如,一个简单的 AjaxJson 示例代码可能如下: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'data.json', true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr....
总结来说,从给定文件的内容来看,介绍了 JSON 数据格式的特性,jQuery 中处理 Ajax 请求的基本方式,以及如何通过 jQuery 的 `$.ajax()` 和 `$.getJSON()` 方法获取和处理 JSON 数据。同时,还通过实际的代码示例,...
标题 "Ajax+JSON 搜索框自动完成提示功能" 涉及的是网页开发中的一个常见技术,用于提高用户输入体验。...开发者可以参考这个项目来理解如何结合Ajax和JSON在实际应用中实现搜索框的自动完成功能。
在IT行业中,Java、Ajax和JSON是开发交互式Web应用程序时不可或缺的技术。下面将详细讲解这三个概念及其相互之间的关系。 **Java** 是一种广泛使用的面向对象的编程语言,以其跨平台性和高性能而闻名。在Web开发...
以下是一个简单的jQuery AJAX和JSON的使用示例: ```javascript $.ajax({ url: 'server-side-script.php', // 服务器端处理脚本 type: 'POST', // HTTP请求类型,可以是GET或POST dataType: 'json', // 数据类型...
在现代Web开发中,AJAX...总结起来,"ajax操作json数据"的主题涉及到利用AJAX进行异步通信,结合JSON作为数据传输格式,实现Web应用的无刷新数据更新。通过学习和实践,开发者可以创建更高效、更动态的交互式Web页面。
在提供的"Ajax-json.rar"压缩包中,可能包含了一些使用jQuery的AJAX和JSON的示例代码,这可以帮助学习者理解如何在实际项目中应用这些技术。通过分析和运行这些示例,你可以深入理解AJAX和JSON在Web开发中的实际运作...
在IT领域,Ajax(Asynchronous JavaScript and XML)和JSON(JavaScript Object Notation)是两种非常重要的技术,尤其在创建交互式、动态Web应用程序时。这个"ajax+json"的程序代码示例,显然是为了帮助初学者理解...
在"AjaxDemo"这个示例中,很可能是通过Ajax发送一个请求到服务器,服务器返回JSON格式的数据,然后在前端利用JavaScript解析这些数据并更新DOM元素。这样的应用场景广泛存在于各种动态网页和Web应用中,例如实时聊天...