<script type="text/javascript">
var value ={section:
{
"tilt":"book-siingning event",
"singnig":
[
{
"autor":{"title":"mr,name:vikram"},
"book":{"tilte":"a suitable boy ,price:22.95"}
},{
"autor":{"title":"mr,name:vikram"},
"book":{"tilte":"a suitable boy ,price:22.95"}
}
]
}
};
alert(value.section.tilt);
alert(value.section.singnig[0].autor.title);
alert(value.section.singnig[1].book.tilte);
</script>
JSON:
1.json中双引号等要转义
2.json uncode编码(全球最大的字符集)
JSON->Java对象
Java对象->JSON
public static void main(String[] args) throws Exception
{
//要传一个格式良好的json字符串
String jsonContent = "{'hello': 'world', 'abc': 'xyz'}";
//JSONObject:专门处理普通json字符串
JSONObject jsonObject = new JSONObject(jsonContent);
String str1 = jsonObject.getString("hello");
String str2 = jsonObject.getString("abc");
System.out.println(str1);
System.out.println(str2);
System.out.println("--------------------");
//要符合json格式的字符串. 数组的json格式:[:开头 , ]:结束
jsonContent = "[{'hello': 333, 'abc': false, 'xyz': {'a': 1, 'b': 'ab'}}, {'hello': 555, 'abc': true, 'xyz': {'a': 3, 'b': 'ba'}}]";
//JSONArray:专门处理数组的.
JSONArray jsonArray = new JSONArray(jsonContent);
for(int i = 0; i < jsonArray.length(); i++)
{
JSONObject jsonObject2 = jsonArray.getJSONObject(i);
int value1 = jsonObject2.getInt("hello");
boolean value2 = jsonObject2.getBoolean("abc");
//String value3 = jsonObject2.getString("xyz");
JSONObject jsonObject3 = jsonObject2.getJSONObject("xyz");
int value3 = jsonObject3.getInt("a");
String value4 = jsonObject3.getString("b");
System.out.println(value1);
System.out.println(value2);
System.out.println(value3);
System.out.println(value4);
}
}
public static void main(String[] args) {
Person person = new Person();
person.setB(false);
person.setUsername("zhangsan");
person.setPassword("123456");
person.setAddress(null);
person.setAge(30);
person.getList().add("hello");
person.getList().add("world");
person.getList().add("hello world");
Gson gson = new Gson();
String result = gson.toJson(person);
System.out.println(result);
Person person2 = gson.fromJson(result, Person.class);
}
JSON向前端输出:
Gson gson = new Gson();
// 转换之后两个数组
String result = gson.toJson(list);
System.out.println(result);
resp.setContentType("application/json; charset=utf-8");
resp.setHeader("pragma", "no-cache");
resp.setHeader("cache-control", "no-cache");
PrintWriter out = resp.getWriter();
out.println(result);
out.flush();
字符串向前端输出:
int p1 = Integer.parseInt(req.getParameter("param1"));
int p2 = Integer.parseInt(req.getParameter("param2"));
resp.setHeader("pragma", "no-cache");
resp.setHeader("cache-control", "no-cache");
PrintWriter out = resp.getWriter();
out.println(p1 + p2);
out.flush();
XML向前端输出:
// 1 拼接字符串
// 2 自己生成xml
Document document = DocumentHelper.createDocument();
Element rootElement = document.addElement("users");
rootElement.addComment("This is a comment!");
Element userElement = rootElement.addElement("user");
Element idElement = userElement.addElement("id");
Element nameElement = userElement.addElement("username");
Element ageElement = userElement.addElement("age");
Element addressElement = userElement.addElement("address");
idElement.setText(person.getId() + "");
nameElement.setText(person.getUsername());
ageElement.setText(person.getAge() + "");
addressElement.setText(person.getAddress());
response.setContentType("text/xml; charset=utf-8");// 设置响应头.
response.setHeader("pragma", "no-cache");
response.setHeader("cache-control", "no-cache");
PrintWriter out = response.getWriter();
OutputFormat format = OutputFormat.createPrettyPrint();
format.setEncoding("utf-8");
XMLWriter xmlWriter = new XMLWriter(out, format);
xmlWriter.write(document);
out.flush();
ajax取字符串:
$(function()
{
$("#button1").click(function()
{
//jquery的ajax方法
$.ajax({
type: "POST",//必填,提交方式
url: "ajax",//必填,提交地址
dateType: "html",//默认普通字符串html/ 其他: xml/json/
data: {'param1': $("#param1").val(), 'param2': $("#param2").val()},
//接收一个参数,回传过来的数据. 回调
success: function(returnedData){
$("#result").val(returnedData);
}
});
});
});
</script>
</head>
<body>
<input type="text" id="param1">+
<input type="text" id="param2">=
<input type="text" id="result"> <input type="button" value="get content from server" id="button1">
</body>
ajax取json:
$(function()
{
$("#button1").click(function()
{
//3个参数 地址 ,提交参数(这里不需要提交参数),回调
$.get("gsonservlet",{}, function(returnedData, status)
{
console.info(status);
var html = "<table width='60%' border='1' align='center'><tr><th>id</th><th>name</th><th>companyAddress</th><th>homeAddress</th>"
for(var i = 0; i < returnedData.length; i++)
{
var people = returnedData[i];
var id = people.id;
var name = people.name;
var companyAddress = people.address.companyAddress;//这里js的提示会失效,因为根本不摘掉书
var homeAddress = people.address.homeAddress;
html += "<tr align='center'><td>" + id + "</td><td>" + name + "</td><td>" + companyAddress + "</td><td>" + homeAddress + "</td></tr>";
}
html += "</table>";
$("#theBody table:eq(0)").remove();
$("#theBody").append(html);
});
});
});
</script>
</head>
<body id="theBody">
<input type="button" value="get json content from server" id="button1">
</body>
ajax取xml:
$(function()
{
/*
$("#button1").click(function()
{
$.ajax({
type: "POST",
url: "xmlservlet",
dateType: "xml",//xml要指定 默认html
data: {name: $("#name").val()},
//returnedData:dom对象
success: function(returnedData){//returnedData:服务器端返回来的xml对象
//将dom对象转成jquery对象.调用xml的find方法
var id = $(returnedData).find("id").text();
var name = $(returnedData).find("username").text();
var age = $(returnedData).find("age").text();
var address = $(returnedData).find("address").text();
//创建表格
var html = "<table width='60%' border='1' align='center'><tr><th>id</th><th>name</th><th>age</th><th>address</th><tr align='center'><td>" + id + "</td><td>" + name + "</td><td>" + age + "</td><td>" + address + "</td></tr></table>";
//找到第一个table,把第一个table删掉
$("#theBody table:eq(0)").remove();
$("#theBody").append(html);
}
});
});
*/
$("#button1").click(function()
{
//jquery:提供的简化的写法
// $.get(arg0,arg1,arg2)//请求资源路径,传递的参数,回调函数
$.post("xmlservlet",
{
name: $("#name").val() //多个的话逗号隔开
}, function(returnedData, status)//status:成功的话就执行回调.
{
var id = $(returnedData).find("id").text();
var name = $(returnedData).find("username").text();
var age = $(returnedData).find("age").text();
var address = $(returnedData).find("address").text();
var html = "<table width='60%' border='1' align='center'><tr><th>id</th><th>name</th><th>age</th><th>address</th><tr align='center'><td>" + id + "</td><td>" + name + "</td><td>" + age + "</td><td>" + address + "</td></tr></table>";
$("#theBody table:eq(0)").remove();
$("#theBody").append(html);
});
});
});
</script>
</head>
<body id="theBody">
<select id="name">
<option value="zhangsan">zhangsan</option>
<option value="lisi">lisi</option>
</select>
<input type="button" id="button1" value="get content from server">
</body>
分享到:
相关推荐
通过ajax(jquery+json)的方式,从xml读取数据;前端的操作全部是js。最后通过保存按钮,ajax的方式进行数据提交,操作界面友好。
Ajax-html5_CSS_JavaScript_JQuery_start.zip,HTML5 CSS javascript jquery,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在...
PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据简单实例 本文主要介绍了 PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据方法,以完整实例形式分析了 PHP 基于 jQuery 的 Ajax 无刷新提交数据实现方法。下面是详细的知识...
jquery的一个插件,可将xml格式内容转为json格式内容。支持ajax异步。该插件值得拥有. JS中有开源官方地址,可查看demo
Struts2.1.8 AJAX 读取XML,GSON,jQuery JSON的案例.
springmvc jquery ajax json 异步传递数据 springmvc异步传递请求 已包含全部源代码实现 把jar包放入 然后新建文件 配置xml !!!!! 全部资源
jQuery Ajax。 异步 Javascript 和 XML (Ajax)。 。 非阻塞。 我们一直在使用同步方法。 通常使用回调处理程序处理,稍后会详细介绍。 XML XML(X 标记语言),基于 。 用于表示资源的较旧的、较少使用的...
一头扎进XML、Jquery、JS(高级)、EasyUI、AjaxJson Jsp视频教程【4G】 网盘下载地址 【付费下载之后的用户,可留言获取更多下载资源】
根据响应的不同的 MIME 类型,传递给 success 回调函数的返回数据也有所不同,这些数据可以是 XML 根元素、文本字符串、JavaScript 文件或者 JSON 对象。也可向 success 回调函数传递响应的文本状态。
1 原始ajax原理 2 jquery JDBC 3 json数据 4 三级联动 5 仿百度自动提示 6 fromValidator验证 其中自带jar包 修改 DBconfig Mysql数据库配置文件直接运行即可 方便大家学习 ~~~同时鄙视那些高分卖例子的人... ...
php生成json和生成xml文件,并带有ajax分页效果,带图带数据库 thinkphp仿百度分页+分页样式,纯属手工源码分享,php+jquery
Ajax-crud-ajax-json-jquery-php.zip,crud-ajax、php、jquery,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新加载网页...
Ajax-JQuery-JSON-Form-Binding.zip,用于将json数据绑定到表单的轻量级插件。对于使用ajax和具有大量字段的表单很有用。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和...
Ajax-jquery-ajax-cache.zip,jquery插件,用于用“localstorage”或“sessionstorage”缓存ajax。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页...
JQuery AJAX 跨域提交参数、接收 JSON 数据 JQuery 的 AJAX 功能是实现异步数据交互的核心部分,对于跨域提交参数和接收 JSON 数据的需求,JQuery 提供了多种解决方案。 首先,JQuery 的 AJAX 功能可以使用 `$....
Ajax-JavaScript-AJAX-JSON.zip,基本ajax json jquery,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新加载网页的情况...
本文实例讲述了jQuery解析返回的xml和json方法。分享给大家供大家参考,具体如下: 一、jQuery 解析ajax请求返回的xml格式的数据 1、发送ajax请求 [removed] function jqxml(){ $.ajax({ url:...
本套Java教程涵盖Ajax的实现原理,XMLHttpRequest实现Ajax,回调函数,Ajax数据交换格式(HTML、XML、JSON),Ajax发送GET和POST请求,异步编程模型和同步编程模型,解决Ajax的GET请求缓存问题,使用Ajax验证用户名...
Ajax-swagger-jquery-ajax.zip,这是对jquery ajax工具的一种炫耀,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新加载...
jquery ajax验证用户名是否存在几种方式,包括text,json,xml