发布于 2017-07-14 09:34:59 | 175 次阅读 | 评论: 0 | 来源: 网友投递
这里有新鲜出炉的Javascript教程，程序狗速度看过来！
JavaScript客户端脚本语言
Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。
本文实例分析了json格式的javascript对象用法。分享给大家供大家参考，具体如下：
格式：
objectName = {
property1:value1,
property2:value2,
…,
propertyN:valueN
}
property是对象的属性 ，value则是对象的值，值可以是字符串、数字或对象三者之一
例一： 值为字符串和数字
var user={
name:"user1",
age:18
};
例二：值为字符串和对象
var user={ //user本身是一个对象
name:"user1",
job:{ //job也是一个对象
salary:3000,
title:programmer
}
}
例三：值还可以为函数
var user={ //user本身为一个对象
name:"user1",
age:18,
getName:function(){ //getName为方法
return this.name;
}
}
以下ZPVisitor类的定义格式在实际企业项目中经常被使用：
var ZPVisitor = {
init : function(){
var url = ZPConstant.AJAX_SERVER + "&a=hello" + "&sid=" + Math.random();
$.getJSON(url,function(result){ // #TODO 跨域请求？
if (result.done) {
var logininfo = result.data.name + " 您好!";
if (!result.data.login) {
logininfo += " <a href=\"" + ZPConstant.MYZP_DOMAIN + "index.php?c=member&a=login\">登录</a>/<a href=\"" +
ZPConstant.MYZP_DOMAIN + "index.php?c=member&a=regist\">注册</a>";
} else {
logininfo += " <a href=\"" + ZPConstant.MYZP_DOMAIN + "index.php?c=member&a=logout\">注销</a>";
}
$("#login-info").html(logininfo);
} else {
popAlert(result.msg);
}
}); //结束getJSON
}, //结束init方法
// 收藏商品
collect : function(pid) {
var pid = parseInt(pid);
if (isNaN(pid)) return false;
var url = ZPConstant.AJAX_SERVER + "&a=collect&pid=" + pid + "&sid=" + Math.random();
$.getJSON(url,function(result){
if(result.done){
popAlert(result.msg);
} else {
popAlert(result.msg);
}
});//结束getJSON方法
},// 结束collect方法
// 浏览历史
vHistory :{
get:function(callback){
var items_str = getCookie(ZPConstant.VIEW_HISTORY_CKNAME);
if (items_str == null) return;
var items = items_str.split(",").reverse().join(","),
url = ZPConstant.AJAX_SERVER + "&a=viewHistory" + "&items="+ items + "&sid=" + Math.random();
// TODO 向服务端请求数据
$.getJSON(url,function(response){
if(response.done){
callback(response.data,items);
} else {
return false;
}
});//结束getJSON方法
},//结束get方法
add:function(pid){
var pid = parseInt(pid);
if (isNaN(pid)) return;
var cookieStr = getCookie(ZPConstant.VIEW_HISTORY_CKNAME);
if (cookieStr) {
var pids = cookieStr.split(","),_tempPids = [];
for (var i=0;i<pids.length;i++){
if (pids[i] != pid) { // 如果已经存在，则移除之前写入的数据
_tempPids.push(parseInt(pids[i]));
}
}
_tempPids.push(pid);// 将新数据放到数组最后
setCookie(ZPConstant.VIEW_HISTORY_CKNAME, _tempPids.reverse().slice(0,5).reverse().join(","));
} else {
setCookie(ZPConstant.VIEW_HISTORY_CKNAME, pid);
}
},// 结束add方法
clear:function(){
setCookie(ZPConstant.VIEW_HISTORY_CKNAME, '', -100);
}
},//结束vHistory
// 购物车已删除的商品记录
dropHistory: function(spid){
var cookieStr = getCookie(ZPConstant.CARTDEL_CKNAME);
if (cookieStr){
var idsDel = cookieStr.split(",");
for (var i=0;i<idsDel.length;i++){
idsDel[i] = parseInt(idsDel[i]);
}
if ($.inArray(spid,idsDel) == -1){
idsDel.push(spid);
setCookie(ZPConstant.CARTDEL_CKNAME, idsDel.join(","));
}
} else {
setCookie(ZPConstant.CARTDEL_CKNAME, spid);
}
}//结束dropHistory
}//结束ZPVisitor
PS：这里再为大家推荐几款json在线工具，相信大家在今后的开发中可以用得到：
希望本文所述对大家JavaScript程序设计有所帮助。