将js对象直接发送给后台

首先来创建一个js对象:

 

function Student(name,gender,age) {
    this.name = name;

    this.gender = gender;

    this.age = age;
}

var student= new Student("张三","m",25);

按常规的做法，只能把 name gender age 三个参数分别传给后台。

 

下面我们来尝试把student对象整体传给后台。

 

首先请下载http://www.json.org/json2.js并且在网页中引入:

 

<script type="text/javascript" src="json2.js"></script>

调用JSON.stringify(js);方法，可以看到js对象被转成了json字符串: (引Ext以后可以不用引json2.js,直接调用.toJSON())

 

alert(JSON.stringify(student));  // 弹出{"name":"张三","gender":"m","age":25}

好了，那么我们就把json字符串利用ajax传给后台吧,记得用post提交

 

可是json传到了后台怎么解析呢？别急,请到这里下载工具http://www.json.org/java/index.html

 

我们只需要JSONObject.java就够用了。

 

后台拿到json字符串，然后调用下面代码，就可以轻松解析了。

 

 

JSONObject jsonObject = null;

try {
     jsonObject = new JSONObject(json);
     jsonObject.getString("name");    //取得name

     jsonObject.getString("gender");  //取得gender

     jsonObject.getString("age");     //取得age
}
catch (JSONException e) {
     e.printStackTrace();
}

 

本例中的json结构比较简单,只是用来示例,如果json结构复杂,包括 map  数组  等结构,将发挥很好的作用。

 

当然解析复杂的json结构,可以用ezmorph,在jdk里可以找到,这里不多做介绍了。

 

从后台发json给前台也很简单,只需发给前台一个json字符串，前台用eval()计算一下，就是js对象了。