ajax和json一起使用

前端之家收集整理的这篇文章主要介绍了ajax和json一起使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

直接看代码

1.Java代码(利用的是阿里巴巴的json工具类"import com.alibaba.fastjson.JSON;")

@RequestMapping("getmachineList")
@ResponseBody
public String validateAccount(@RequestParam(value = "storeId") Long storeId){
Map<String,Object> resultMap = new HashMap<String,Object>();
// 体验店机器
SimulatorQueryVo queryVo = new SimulatorQueryVo();
queryVo.setSiteId(storeId);
queryVo.setState(MachineStatusMap.used);
List<Simulator> simulatorList = simulatorService.queryList(queryVo).getModel();
Map<String,Object> map = new HashMap<String,Object>();
for(Simulator simulator:simulatorList)
{
map.put(simulator.getAlias(),simulator.getSerial());
}
resultMap.put("result",map);
String resultAll = JSON.toJSONString(resultMap);
return resultAll;
}


2.jsp页面中解析

//异步获取体验店仿真机
function getmachineList(){
$(".option").remove();
var storeId = $('#query-site').val();
$.ajax({
type: 'POST',
data: 'storeId=' +storeId,
url : '/admin/site/precontract/getmachineList',
dataType: 'json',
success:function(data){
var json = $.parseJSON(data);
var model = json.result;
var i = 0;
$.map(model,function(value,key) {
var alias = key;
var serial = value;
$("#query-machine").append('<option class="option" value="'+serial+'">'+alias+'</option>');
});
},
error:function(){
$.messager.alert("提示","加载失败!","info");
}
});
}


通过以上代码实现了动态显示级联下拉选项.

原文链接:https://www.f2er.com/ajax/163810.html

猜你在找的Ajax相关文章