没有落叶的秋-博客: blog.sina/s/blog_8fbeeb59010153d3.html
Jquery遍历json的两种数据结构
简介
什么是JSON?
JSON 即 JavaScript Object Natation(Java对象表示法),它是一种轻量级的数据交换格式,非常适合于服务器与 JavaScript 的交互。
简而言之,JSON就是JavaScript交换数据的一种格式。例子如下:
{"username":"coolcooldool","password":"1230","usertype":"superadmin"}
{"list":[{"password":"1230","username":"coolcooldool"},{"password":"thisis2","username":"okokok"}]}
第二种是有数组的情况,我也不用文字表述JSON到底是怎么构成的了,相信长眼睛的人都看懂了。
为什么使用JSON而不是XML?
尽管有许多宣传关于 XML 如何拥有跨平台,跨语言的优势,然而,除非应用于 Web Services,否则,在普通的 Web 应用中,开发者经常为 XML 的解析伤透了脑筋,无论是服务器端生成或处理 XML,还是客户端用 JavaScript 解析 XML,都常常导致复杂的代码,极低的开发效率。实际上,对于大多数 Web 应用来说,他们根本不需要复杂的 XML 来传输数据,XML 的扩展性很少具有优势,许多 AJAX 应用甚至直接返回 HTML 片段来构建动态 Web 页面。和返回 XML 并解析它相比,返回 HTML 片段大大降低了系统的复杂性,但同时缺少了一定的灵活性。
如何使用?
当然最直接的方法就是,你自己写一个类,把你在数据库中查到的list转换成Sting,格式就是JSON样子的就行,但前提是你比较牛叉,能很快写出来,并且是对的,第二种方式就是用第三方jar包(如:json-lib.jar,下载地址:ishare.iask.sina/f/21122133.html?from=like或者jackson.jar,下载地址:www.java2s/Code/Jar/j/Downloadjacksonjar.htm;),对于我这么不牛叉的人
来说,我选第二种方法,人家写得好而且支持双向转换。下面主要介绍手写转换类。
有了json格式的数据接下来写入流进行回调:
String json=”jsonStr”;
Writer.write(json);
以防出现乱码:在这之前加上:
response.setContentType(“utf-8”);
主要内容
一、jquery遍历jsonlist
二、js取得json值
三、Jquery ajax请求格式如下
四、Java:对象、list、javabean转换为json对象【一】
五、Java:对象、list、javabean转换为json对象【二】
六、Java:对象、list、javabean转换为json对象【三】
1.jquery遍历jsonlist
vararr=[{name:"john",lang:"js"},{name:"nailwl",lang:"jquery"},{name:"吴磊",lang:"ext"}];
$.each(arr,function(index,content)
{
alert("theman'sno.is:"+index+",and"+content.name+"islearning"+content.lang);
});
$.each(arr,function(index,content)
{
alert("theman'sno.is:"+index+",and"+content.name+"islearning"+content.lang);
});
2.js取得json值
js中著名的eval函数
varstrJSON="{name:'admin'}";//得到的JSON
varobj=eval("("+strJSON+")");//转换后的JSON对象
alert(obj.name);//admin
varstrJSON="{name:'admin'}";//得到的JSON
varobj=eval("("+strJSON+")");//转换后的JSON对象
alert(obj.name);//admin
3.Jquery ajax请求格式如下
<script type="text/javascript">
function BtnClick() {
var uid = $("#Text1").attr("value");
var pwd = $("#Text2").attr("value");
function BtnClick() {
var uid = $("#Text1").attr("value");
var pwd = $("#Text2").attr("value");
$.ajax({
url: "server.php",
type: "post",
data: { UserName: uid, Password: pwd },
/*<!--
第一种方法遍历json数据
success: function(data) {
eval("datas = "+data);
var user = datas.userName;
url: "server.php",
type: "post",
data: { UserName: uid, Password: pwd },
/*<!--
第一种方法遍历json数据
success: function(data) {
eval("datas = "+data);
var user = datas.userName;
var pass = datas.password;
$("#dd").html("<h1>用户名:" + user + " 密码:" + pass + "</h1>");
}-->*/
$("#dd").html("<h1>用户名:" + user + " 密码:" + pass + "</h1>");
}-->*/
/*第二种方法遍历json数据*/
success: function(data) {
var json =eval("["+data+"]");//这里中间的括号为中括号 使数据类似[{"username":"张三","content":"沙发"}];的格式
$.each(json, function(idx, item) {
var user = item.userName;
var pass = item.password;
$("#dd").html("<h1>用户名:" + user + " 密码:" + pass + "</h1>");
});
}
});
}
success: function(data) {
var json =eval("["+data+"]");//这里中间的括号为中括号 使数据类似[{"username":"张三","content":"沙发"}];的格式
$.each(json, function(idx, item) {
var user = item.userName;
var pass = item.password;
$("#dd").html("<h1>用户名:" + user + " 密码:" + pass + "</h1>");
});
}
});
}
</script>
Java:对象、list、javabean转换为json对象【一】
l;
importjava.beans.IntrospectionException;
importjava.beans.Introspector;
importjava.beans.PropertyDescriptor;
importjava.util.List;
/**
*jsonjs获取json的key和value的操作类
*@authorNanGuoCan
*
*/
publicclassJsonUtil{
/**
*@paramobject
*任意对象
*@returnjava.lang.String
*/
publicstaticStringobjectToJson(Objectobject){
StringBuilderjson=newStringBuilder();
if(object==null){
json.append("\"\"");
}elseif(objectinstanceofString||objectinstanceofInteger){
json.append("\"").String()).append("\"");
}else{
json.append(beanToJson(object));
}
String();
}
/**
*功能描述:传入任意一个javabean对象生成一个指定规格的字符串
*
*@parambean
*bean对象
*@returnString
*/
publicstaticStringbeanToJson(Objectbean){
StringBuilderjson=newStringBuilder();
json.append("{");
PropertyDescriptor[]props=null;
try{
Class(),Object.class)
.getPropertyDescriptors();
}catch(IntrospectionExceptione){
}
if(props!=null){
for(inti=0;i<props.length;i++){
try{
Stringname=objectToJson(props[i].getName());
Stringvalue=objectToJson(props[i].getReadMethod().invoke(bean));
json.append(name);
json.append(":");
json.append(value);
json.append(",");
}catch(Exceptione){
}
}
json.setCharAt(json.length()-1,'}');
}else{
json.append("}");
}
String();
}
/**
*功能描述:通过传入一个列表对象,调用指定方法将列表中的数据生成一个JSON规格指定字符串
*
*@paramlist
*列表对象
*@returnjava.lang.String
*/
publicstaticStringlistToJson(List<?>list){
StringBuilderjson=newStringBuilder();
json.append("[");
if(list!=null&&list.size()>0){
for(Objectobj:list){
json.append(objectToJson(obj));
json.append(",");
}
json.setCharAt(json.length()-1,']');
}else{
json.append("]");
}
String();
}
}
Java:对象、list、javabean转换为json对象【二】
package young.ajax.json;
import java.beans.IntrospectionException;
import java.beans.Introspector;
import java.beans.PropertyDescriptor;
import java.math.BigDecimal;
import java.math.BigInteger;
import java.util.List;
import java.util.Map;
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论