ajax实例--移动业务管理系统配置业务费用

业务描述：此页面采用三个ajax请求

                 获得资费项目，

                         根据资费项目后台获得下拉列表项，

                         根据选中下拉列表项获得资费，

$(function(){
	
	//动态创建下拉列表
	$.ajax({
	    url:"getChargeList.do",
	    data: {},
	    type:"GET",
	    dataType:"json",
	    async:false,                                   //加锁，在执行结束后，执行$(document).ready(function{})
	    beforeSend:function(jqXHR){
	    },
    	    success:function(data){
    		 $.each(data, function (i, item) {                                                             //遍历json对象
	        	$("#s").append("<option value='"+item.cmchChargeCode+"'>"+item.chargeName+"</option>");   //动态给select添加option
	         });  
    	   },
	   error:function(xhr,status,errorThrown){
		 alert("1 error status:"+status+",error:"+errorThrown+",state:"+xhr.readyState);
	   }
	   })




            //获得当前选中的项目的资费
             $("#s").change(function(){
		var o=$("#s").val();                                                  //select的val就是当前选中的option的val
		$.ajax({
		    url:"getCharge.do",
		    data: {charCode:o},
		    type:"GET",
		    dataType:"text",
		    beforeSend:function(jqXHR){
		    },
	    	success:function(json){
	            $("#sfje").val(json);                         
	    	},
		error:function(xhr,status,errorThrown){
	            alert("2 error  status:"+status+",error:"+errorThrown+",state:"+xhr.readyState);
		   }
		})
	    })



             //获得资费项目
              $.ajax({
		    url:"getChargeRule.do",
		    data: {},
		    type:"GET",
		    dataType:"text",
		    beforeSend:function(jqXHR){
		    },
	    	    success:function(json){                                       //json操作复选框，用两个遍历
	    		var s=json.split(',');                                    //分隔字符串为数组，split
	    		$(s).each(function(i,n){                                     
	    		    $("[name='C1']").each(function(){                      //利用name选中所有的复选框
	    		       if($(this).val()==n){
	    			 $(this).prop("checked",true);                     //prop设置checked true         
	    			}
	    		    })
	    		})
	    	      },
		   error:function(xhr,status,errorThrown){
			 alert("3 error status:"+status+",error:"+errorThrown+",state:"+xhr.readyState);
		   }
		})
})

           $(document).ready(function(){                                          //在以上获得list的ajax执行后，页面加载后就获取一次资费
                 $("#s").trigger("change");                                       //trigger执行一次change
           }); 

后台：list转换json对象

                ObjectMapper om=new ObjectMapper();                    //先用ObjectMapper转换
		String str=om.writeValueAsString(l);                   //l是list对象
                response.setContentType("text/plain;charset=UTF-8");
		PrintWriter pw=response.getWriter();                   //用PrintWriter输出
		pw.print(str);
		pw.flush();
		pw.close();

感谢您的阅读。祝我找到工作。