ajax与JavaScript对象

JavaScript对象

JavaScript中的对象，可以理解成是一个键值对的集合，键是调用每个值的名称，值可以是基本变量，还可以是函数和对象。

创建JavaScript对象有两种方法，一种是通过顶级Object类来实例化一个对象，然后在对象上面添加属性和方法：

var person = new Object();

// 添加属性：
person.name = 'tom';
person.age = '25';

// 添加方法：
person.sayName = function(){
    alert(this.name);
}

// 调用属性和方法：
alert(person.age);
person.sayName();

还可以通过对象直接量的方式创建对象：

var person2 = {
    name:'Rose',
    age:18,
    sayName:function(){
        alert('My name is' + this.name);
    }
}

// 调用属性和方法：
alert(person2.age);
person2.sayName();

<script>
        // 通过对象直接量来创建对象
        var person = {
            name:'tom',
            age:18,
            showname:function(){
                alert('我的名字是：' + this.name);
            },
            showage:function(){
                alert('我的年龄是：' + this.age);
            }
        }

        // 调用属性和方法
        alert(person.name);
        alert(person.age);

        person.showname();
        person.showage();
    
    </script>

json

json是JavaScript Object Notation 的首字母缩写，单词的意思是JavaScript对象表示法，这里说的json指的是类似于JavaScript对象的一种数据格式对象，目前这种数据格式比较流行，逐渐替换掉了传统xml数据格式。

json数据对象类似于JavaScript中的对象，但是它的键对应的值里面是没有函数方法的，值可以是普通变量，不支持undefined，值还可以是数组或者json对象。

与JavaScript对象写法不同的是，json对象的属性名称和字符串值需要用双引号引起来，用单引号或者不用引号会导致读取数据错误。

json格式的数据：

{
    "name":"tom",
    "age":18
}

json的另外一个数据格式是数组，和JavaScript中的数组字面量相同。

["tom",18,"programmer"]

还可以是更复杂的数据结构：

{
    "name":"jack",
    "age":29,
    "hobby":["reading","travel","photography"]
    "school":{
        "name":"Merrimack Collage",
        "location":'North Andover, MA'
    }
}

<script>
        var data01 = {
            "name":"tom",
            "age":18
        }

        // alert(data01.name);
        // alert(data01.age);

        var data02 = [
            {"name":"jack","age":19},
            {"name":"rose","age":18}
        ]

        alert(data02[0].name);
    
    </script>

ajax

ajax一个前后台配合的技术，它可以让JavaScript发送http请求，与后台通信，获取数据和信息。ajax技术的原理是实例化xmlhttp地偶像，使用此对象与后台通信。jquery将它封装成了一个函数$.ajax()，我们可以直接用这个函数来执行ajax请求。

ajax需要在服务器环境下运行。

$.ajax使用方法：

常用参数：

• 1、url请求地址
• 2、type请求方式，默认是‘GET’，常用的还有‘POST’
• 3、dataType设置返回的数据格式，常用的是‘json’格式，也可以设置为‘html’
• 4、data设置发送给服务器的数据
• 5、success设置请求成功后的回调函数
• 6、error设置请求失败后的回调函数
• 7、async设置是否异步，默认值是true，表示异步