json的简单应用

json的简单使用

2014年12月10日

9:35

Json传值的思想 ：

利用jquery自带的$.ajax();

分别设置url,type,datatype data success

 

１：html页面内的内容：

<divid="data"></div>

<form>

Name :       <inputtype="text" name="person.name"/>

Password :<input type="password "nmae="person.password"/>

<input type="button"value="提交" id="btn"/>

</form>

 

<scripttype="text/javascript" src="js/…."></script>

<scripttype="text/javascript">

$(document).ready(function(){

$("#btn").click({

Var params =$("input").serialize();//对input的值进行序列化

$.ajax({

url:"访问的action"//jsonAction.action

Type:"post",

dataType:"json",

data:"params",

Success:getJson//是个函数

});

});

 

});

FunctiongetJson(result){

Var json =eval("("+result+")");//使用eval将数据转换成json数据

Var obj="NMAE:"+json.name+"password:"+json.password;

$("data").html(obj);

 

}

</script>

 

在action中的内容：

 

Publicclass jsonAction extends ActionSupport{

Private person person;

Private String result;//并生成get set 方法

 

PublicString execute()throws Exception{

//将javabean 对象person转换为json格式的数据

JSONObject jsonData = JSONObject.fornObject(person);

//将jsondata转换成String并复制给result

Result = jsonData.toString ();

Return SUCCESS;

}

 

}

配置Struts.XML文件

<!--  json文件extends="json-default" -->

<packagename="json" extends="json-default">

<!--     type must be json,result 为action的成员变量result  -->

<result type="json" name="success">

固定格式

<param name="root">result</param>

</result>

</package>