在本中Q我们将使用jQueryq行数据解析。JSON数据如下Q是一个嵌套JSONQ?/p>
{"comments":[{"content":"很不错嘛","id":1,"nickname":"U_"},{"content":"哟西哟西","id":2,"nickname":"强"}]}
获取JSON数据Q在jQuery中有一个简单的Ҏ(gu) $.getJSON() 可以实现?/p>
下面引用的是官方API?.getJSON()的说明：
jQuery.getJSON( url, [data,] [success(data, textStatus, jqXHR)] )
urlA string containing the URL to which the request is sent.
dataA map or string that is sent to the server with the request.
success(data, textStatus, jqXHR)A callback function that is executed if the request succeeds.
回调函数中接受三个参敎ͼW一个书q回的数据，W二个是状态，W三个是jQuery的XMLHttpRequestQ我们只使用到第一个参数?/p>
$.each()是用来在回调函数中解析JSON数据的方法，下面是官Ҏ(gu)：
jQuery.each( collection, callback(indexInArray, valueOfElement) )
collectionThe object or array to iterate over.
callback(indexInArray, valueOfElement)The function that will be executed on every object.
$.each()Ҏ(gu)接受两个参数Q第一个是需要遍历的对象集合QJSON对象集合Q，W二个是用来遍历的方法，q个Ҏ(gu)又接受两个参敎ͼW一个是遍历的indexQ第二个是当前遍历的倹{哈哈，有了$.each()Ҏ(gu)JSON的解析就q刃而解咯?*^__^*) d……
function loadInfo() {
$.getJSON("loadInfo", function(data) {
$("#info").html("");//清空info内容
$.each(data.comments, function(i, item) {
$("#info").append(
"<div>" + item.id + "</div>" +
"<div>" + item.nickname + "</div>" +
"<div>" + item.content + "</div><hr/>");
});
});
}
正如上面Qloadinfo是请求的地址Qfunction(data){...}是在请求成功后的回调函敎ͼdata装了返回的JSON对象Q在下面?.each(data.comments,function(i,item){...})Ҏ(gu)中data.comments直接到达 JSON数据内包含的JSON数组Q?/p>
[{"content":"很不错嘛","id":1,"nickname":"U_"},{"content":"哟西哟西","id":2,"nickname":"强"}]
$.each()Ҏ(gu)中的function是对这个数l进行遍历，再通过操作DOM插入到合适的地方的。在遍历的过E中Q我们可以很方便的访问当前遍历index(代码中的”i“)和当前遍历的?代码中的”item“)?/p>
上例的运行结果如下：
如果q回的JSON数据比较复杂Q则只需多些$.each()q行遍历卛_Q嘿ѝ例如如下JSON数据Q?/p>
{"comments":[{"content":"很不错嘛","id":1,"nickname":"U_"},{"content":"哟西哟西","id":2,"nickname":"强"}],"content":"你是木头人，哈哈?/span>","infomap":{"性别":"?/span>","职业":"E序?/span>","博客":"http:\/\/www.cnblogs.com\/codeplus\/"},"title":"123木头?/span>"}
js如下Q?/p>
function loadInfo() {
$.getJSON("loadInfo", function(data) {
$("#title").append(data.title+"<hr/>");
$("#content").append(data.content+"<hr/>");
//jquery解析map数据
$.each(data.infomap,function(key,value){
$("#mapinfo").append(key+"----"+value+"<br/><hr/>");
});
//解析数组
$.each(data.comments, function(i, item) {
$("#info").append(
"<div>" + item.id + "</div>" +
"<div>" + item.nickname + "</div>" +
"<div>" + item.content + "</div><hr/>");
});
});
}
值得注意的是Q?.each()遍历Map的时候，function()中的参数是key和valueQ十分方ѝ?/p>
上例的运行效果：
jQuery很强大，so...更多的了解还得参考文，(ˇˍˇQ?惻I
]]>
//写cookies函数 作者：振?br />function SetCookie(name,value)//两个参数Q一个是cookie的名子，一个是?br />{
var Days = 30; //?cookie 被保存 30 ?br /> var exp = new Date(); //new Date("December 31, 9998");
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)//取cookies函数
{
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr != null) return unescape(arr[2]); return null;
}
function delCookie(name)//删除cookie
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
SetCookie ("xiaoqi", "3")
alert(getCookie('xiaoqi'));
</script>
一个非常实用的javascriptdCookie函数
一个非常实用的javascriptdCookie函数
function GetCookieVal(offset)
//获得Cookie解码后的?br />{
var endstr = documents.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = documents.cookie.length;
return unescape(documents.cookie.substring(offset, endstr));
}
function SetCookie(name, value)
//讑֮Cookie?br />{
var expdate = new Date();
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
if(expires!=null) expdate.setTime(expdate.getTime() + ( expires * 1000 ));
documents.cookie = name + "=" + escape (value) +((expires == null) ? "" : ("; expires="+ expdate.toGMTString()))
+((path == null) ? "" : ("; path=" + path)) +((domain == null) ? "" : ("; domain=" + domain))
+((secure == true) ? "; secure" : "");
}
function DelCookie(name)
//删除Cookie
{
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
documents.cookie = name + "=" + cval + "; expires="+ exp.toGMTString();
}
function GetCookie(name)
//获得Cookie的原始?br />{
var arg = name + "=";
var alen = arg.length;
var clen = documents.cookie.length;
var i = 0;
while (i < clen)
{
var j = i + alen;
if (documents.cookie.substring(i, j) == arg)
return GetCookieVal (j);
i = documents.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
<SCRIPT language="javascript">
<!--
function openpopup(){
url="popup.htm"
window.open("gonggao.htm","gonggao","width=260,height=212,left=200,top=0")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents.cookie.indexOf(";", offset);
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function helpor_net(){
if (get_cookie('popped')==''){
openpopup()
documents.cookie="popped=yes"
}
}
helpor_net()
//-->
</SCRIPT>
如果点了定Q只要不清cookieQ以后访问都不会再提C，如果不点定则每ơ都会提C。放在js文g里，全站包含
<SCRIPT LANGUAGE="JavaScript">
<!--
var the_cookie = document.cookie;
var broken_cookie = the_cookie.split(":");
var the_visiteraccepted = unescape(broken_cookie[1]);
//
if (the_visiteraccepted=="undefined"){
var tmp=confirm('中国Z时何地?);
if(tmp==false){
window.close();
}else{
var the_visiteraccepted = 1;
var the_cookie = "ILoveChina=visiteraccepted:" + escape(the_visiteraccepted);
document.cookie = the_cookie;
}
}
//-->
</SCRIPT>
1. Cookie的兼Ҏ(gu)问?br />
MCookie的格式有2个不同的版本Q第一个版本，我们UCؓCookie Version 0Q是最初由Netscape公司制定的，也被几乎所有的览器支持。而较新的版本QCookie Version 1Q则是根据RFC 2109文制定的。ؓ了确保兼Ҏ(gu)，JAVA规定Q前面所提到的涉及Cookie的操作都是针Ҏ(gu)版本的Cookieq行的。而新版本的Cookie目前q不被Javax.servlet.http.Cookie包所支持?br />
M2. Cookie的内?br />
M同样?Cookie的内容的字符限制针对不同的Cookie版本也有不同。在Cookie Version 0中，某些Ҏ(gu)的字W，例如Q空|Ҏ(gu)P圆括P{于P=Q，逗号Q双引号Q斜杠，问号Q@W号Q冒P分号都不能作为Cookie的内宏V这也就是ؓ什么我们在例子中设定Cookie的内容ؓ"Test_Content"的原因?br />
M虽然在Cookie Version 1规定中放宽了限制Q可以用这些字W，但是考虑到新版本的Cookie规范目前仍然没有为所有的览器所支持Q因而ؓ保险赯Q我们应该在Cookie的内容中量避免使用q些字符
]]>
{
}
]]>
//
//
</script>
]]>
]]>