json的简单使用
2014年12月10日
9:35
Json传值的思想 :
利用jquery自带的$.ajax();
分别设置url,type,datatype data success
1: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>