当前位置 : 主页 > 编程语言 > java >

ajax遍历list数据

来源:互联网 收集:自由互联 发布时间:2021-06-28
在ajax里面对list数据进行遍历 //键盘松开事件function searchOnChange(){var name=$("#serachSchoolOnline").val();//获取搜索框内输入的文本值if(name.length!=0){//判断是否有值var jsonObj = {"course_name" :name//将要
在ajax里面对list数据进行遍历
//键盘松开事件
function searchOnChange(){
	var name=$("#serachSchoolOnline").val();//获取搜索框内输入的文本值
	if(name.length!=0){//判断是否有值
		var jsonObj = {
				"course_name" :name//将要查询的字段
		};
		var jsonAjax = {
				"url" : "schoolOnline_onchange.html",//请求地址
				"jsonData" : {"mapStr" : jsonToStr(jsonObj)},//将json数据转换为字符串
				"methodName" : "course_find_change"//回调
		
		};
		getAjaxData(jsonAjax);
	}
}
@RequestMapping(value = "/schoolOnline_onchange.html")
	public void schoolOnlineOnChange(HttpServletRequest req,HttpServletResponse resp) {
		try {
			Gson gson =new Gson();//google gson还可以用ali的json
			Map
 
   mapStr=UtilJson.toMap(req.getParameter("mapStr"));//将传过来的json对象转换为map
			req.setAttribute("course_name",mapStr.get("course_name"));//
			respBack(gson.toJson(schoolOnlineServiceImp.getSchoolOnlineList(mapStr)), resp);//将查询出来的map数据转换为json数据
		} catch (Exception e) {
			this.errorResp(e, resp);
		}
	}
	public List
  
   > getSchoolOnlineList(Map
   
     mapStr) throws Exception { StringBuffer sql=new StringBuffer(); Map
    
      mapSQLParameter=new HashMap
     
      (); sql.append("要查询的sql语句"); //要查询的字段 if(UtilValiDate.isEmpty(mapStr.get("course_name"))){ sql.append(" and t.course_name like :course_name"); mapSQLParameter.put("course_name", "%"+mapStr.get("course_name")+"%"); } List
      
       > list_Map=this.gyDaoImp.findSqlList(sql, mapSQLParameter); return list_Map;//返回一个list } //回调函数 function course_find_change(jsonObj){ var data = strToJson(jsonObj.data);//将一个字符串转换为json对象,需要传入一个json格式数据 $("#search-style-show").html("");//将ul标签下面的li替换为空,也可以找到所有的ul下的li标签,然后进行移除 $.each(data,function(e,obj){//遍历json对象,e为索引 console.log(e+'+'+obj) $("#search-style-show").append('
       
  • '+obj.course_name+''+obj.sum_cost_num+'人学习
  • ');//追加li标签内的数据 }) }
    网友评论