jQuery中如何高效运用js对象、JSON及Ajax实现复杂交互功能？

本文共计455个文字，预计阅读时间需要2分钟。

原文示例讲述了jQuery高级编程中的js对象、JSON与Ajax用法。以下为简化版：

jQuery高级编程要点：- js对象：创建对象两种方式： 1. 通过new Object()创建： javascript var p1=new Object(); // 设置属性和方法 p1.name=张三; p1.sayHello=function() { alert(你好！); };

本文实例讲述了jQuery高级编程之js对象、json与ajax用法。分享给大家供大家参考，具体如下：

js对象

创建js对象的两种方式：

1.通过new Object创建：

var p1 = new Object(); // 设置属性,和方法 p1.name = "张三"; p1.age = 13; p1.study = function(){ console.log(p1.name + "正在学习,葵花宝典"); } // 调用属性和方法 console.log(p1.name); console.log(p1.age); p1.study();

2.通过字面量(直接量)创建：

var p2 = { name:"李四", age:14, eat:function(){ onsole.log(this.name + "正在吃大蒜和榴莲"); } } console.log(p2.name); console.log(p2.age); p2.eat();

json

一种表达js对象的数据格式，是一串字符串，键值对形式，键需要加双引号，值不能是方法函数、undefined和空。

1.json转js对象：JSON.parse()

2.js对象转json：JSON.stringify()

ajax

ajax技术的目的是让javascript发送tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

PS：关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：

在线JSON代码检验、检验、美化、格式化工具：
tools.jb51.net/code/json

JSON在线格式化工具：
tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具：
tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具：
tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具：
tools.jb51.net/code/json_yasuo_trans

更多关于jQuery相关内容还可查看本站专题：《jQuery操作json数据技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。