Ajax和JSON笔记

1、JSON说明

json对象是用冒号（而不是等号）来赋值的。每一条赋值语句都用逗号分开。整个对象用大括号封装起来。当然，也可以用大括号分级嵌套数据。

JSON对象描述中存储的数据可以是字符串，数字或者布尔值。对象描述也可以存储函数，那就是对象的方法。

【实例】
<script type="text/javascript">
	var jsonObject = {
		'name':'clown','age':18,'address':{'city':'dalian','school':'haishi'},'option':function(){
			alert("hellow");
		}
	};
</script>

json中，如果多级则用“[]”区分。如以下实例：

{
    "programmers": [{
        "firstName": "Brett","lastName": "McLaughlin","email": "aaaa"
    },{
        "firstName": "Jason","lastName": "Hunter","email": "bbbb"
    },{
        "firstName": "Elliotte","lastName": "Harold","email": "cccc"
    }],"authors": [{
        "firstName": "Isaac","lastName": "Asimov","genre": "sciencefiction"
    },{
        "firstName": "Tad","lastName": "Williams","genre": "fantasy"
    },{
        "firstName": "Frank","lastName": "Peretti","genre": "christianfiction"
    }],"musicians": [{
        "firstName": "Eric","lastName": "Clapton","instrument": "guitar"
    },{
        "firstName": "Sergei","lastName": "Rachmaninoff","instrument": "piano"
    }]
}

2、如何区分json字符串和json对象

json字符串归根到底是一个字符串，可以用alert()显示出来，但是json对象用alert()显示出来的时候是一个[Object]。

3、json字符串和json对象之间的相互转换

json对象转成json字符串

jquery封装的方法可以直接将json对象转成json字符串

jQuery.parseJSON( json )

json.js包中提供的两个方法（导入这个包）：

可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。

例如：

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

或者

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

alert(last);

注意：

上面的几个方法中，除了eval()函数是js自带的之外，其他的几个方法都来自json.js包。新版本的 JSON 修改了 API，将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面，前者变成了 Object.toJSONString()，而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法，则说明您的json包版本太低。

json字符串转成json对象

用eval方法：

var obj = eval('(' + str + ')');

Ajax

1、介绍

Ajax底层都是封装的XMLHttpRequest对象来实现的Ajax。

2、Ajax传输的三种方式：

XML：笨重，解析困难。但XML是通用的数据交换格式。

HTML：不需要解析可以直接放到文档中。若仅更新一部分区域，但传输的数据不是很方便，且HTML代码需要拼装完成。

JSON：小巧，有面向对象的特征，且有很多第三方的jar包可以把java对象或集合转为JSON字符串。

3、Ajax常用的方法

load方法

可以用户HTML文档的元素节点，把结果直接加为对应节点的子元素，通常而言，load方法加载后的数据是一个HTML片段。

load()方法是jquery中最简单和常用的Ajax方法，能载入远程的HTML代码并插入到DOM中，他的结构是：load(url,[data],[callback])

$.get(),$.post()方法

$.get()方法使用GET方式来进行异步请求，它的结构是$.get(url,[callback],[type])

$.get()方法的返回函数只有两个 参数：data代表返回的内容，可以是XML文档，json文件，HTML片段，textstatus代表请求状态，其值可能为：success，error，notmodify，timeout中。

$.get()和$.post()是jquery的全局函数。

$getJSON()方法

同$.get(),$.post()方法。

注意：若从服务端返回的json对象，属性名必须使用双引号，不能使用双引号。

4、jackson的使用

第一步：加入jar包

jackson-annotations-2.2.2.jar

jackson-core-2.2.2.jar

jackson-databind-2.2.2.jar

第二步，具体的使用：

创建org.codehaus.jackson.map.ObjectMapper对象

调用ObjectMapper的writerValueAsString方法把java对象或集合转为JSON字符串

ObjectMapper mapper = new ObjectMapper();

String jsonStr = mapper.writerValueAsString(customer);

注意：jckson根据getter来定位json对象的属相，而不是字段！

可以在类的getter方法上添加注解：org.codehaus.jackson.annotation.jsonIgnore。在转化

为JSON对象时以忽略该属性。

最喜欢用的ajax请求：

$.ajax({
    type : "GET",url : "index.jsp",data : {
        username : "123",content : "123"
    },dataType : "json",success : function(data) {
    }
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!