您的位置:首页 > Web前端 > JavaScript

JSON代码小计

2016-03-16 17:49 375 查看
//strut  json配置
<package name="mall_theme_ajax" extends="json-default" namespace="/themeAjax">
<action name="*_Ajax" class="cztAction" method="{1}_Ajax">
<interceptor-ref name="json" /><!--处理以JSON文本提交的请求-->
<result type="json" name="success">
</result> <!--将action的bean属性以json字符串返回浏览器-->
</action>
</package>


//action
public String selectThemeMode_Ajax() throws IOException{
List<String> themeModeList=queryThemeModeList();
HttpServletResponse response=ServletActionContext.getResponse();
//声明JSONObject

//以下实现将JSON字符串传到前台
response.setContentType("text/json");
response.setCharacterEncoding("UTF-8");
PrintWriter out = null;
String jsonStr="[";
try {

for(String np:themeModeList){
jsonStr+="{\"name\":\""+np.split(",")[0]+"\",\"num\":\""+np.split(",")[1]+"\"},";

}
jsonStr=jsonStr.substring(0, jsonStr.length()-1);
jsonStr+="]";
out = response.getWriter();
System.out.println(jsonStr);
out.print(jsonStr);
} catch (IOException e) {
System.out.println("FareAction:queryFareDetail" + e.getMessage());
}finally {
out.flush();
out.close();
}
return "success";
}


//js 代码
//ajax选择模板
function selectThemeModeAjax(pNum){
//$("#themeModeList").css("display","block");

$.ajax({
type:'GET',
url:'/themeAjax/selectThemeMode_Ajax.htm',
data:{},//发送的参数
dataType:'json',
error:function(){
alert("加载失败,请重试!");
return false;
},
success:function(data){
for(var o in data){
//alert(o);
//alert(data[o]);
alert("text:"+data[o].name+" value:"+data[o].num );
}
}
});

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: