在js的方法中使用$.ajax({url,data,type,dataType,success});

Ajax 函数的使用及解释

碰到了一个data参数传递了,后面字符串传递的方式好像有问题?后来发现是contentType:"application/json",这个参数的问题,它规定了传递给后台方法的参数必须是json格式即{键:值,键:值}

$.ajax({ 
    type: "get", 
    url: "test.jsp", 
    datatype: "json", 
    contentType: "application/json",
data:"id=1234", 
    success: function(result){ 
       alert(result); 
    } 
  });


实例

function save(){
	if(checkValue()){//判断真假是否执行
	var resturl = "<%=request.getContextPath() %>/rest/zhswleave/saveLeave";//调用后台方法地址 
	$.ajax({
	        url:resturl,
	  	data:{
	  	  leaveId:$("input[name=leaveId]").val(),//取数赋值给*
		  leavePersonId:$("input[name=leavePersonId]").val(),
		  leavePerson: $("input[name=leavePerson]").val(),
		  leaveDeptId:$("input[name=leaveDeptId]").val(),
		  leaveDeptName: $("input[name=leaveDeptName]").val(),
		  leaveReason:$("textarea[name=leaveReason]").val(),
		  startDate: $("input[name=startDate]").val(),
		  endDate: $("input[name=endDate]").val(),
		  leaveTypeId:$("select[name=leaveType]").val(),
		  leaveType:  $(#leaveType option:selected).text(),
		  common:$("textarea[name=common]").val(),
		  leaveState:$("input[name=leaveState]").val(),
		  leaveNodeNum:$("input[name=leaveNodeNum]").val()
	  },
	    type:"post",//方式
	    async:false,
	    dataType:json,//形式
	    success:function(e){//e为后台方法处理后输出的结果**
	        if(e.success==true){
	        	msgbox(提示,保存成功! ,,null,0,true);
	        	//alert(e.result);
	        	// initData();
	        	$("input[name=leaveId]").val(e.result);//给隐形字段赋值***
	        	alert("leaveId:"+$("input[name=leaveId]").val());
	        }
	        if(e.success==false){
	        	//  msgbox(提示,操作失败!,,null,0,error);
	        }
	},
	   error:function(e){
		   msgbox(提示,操作失败!,,null,0,error);
	   }

	});


经验分享 程序员 微信小程序 职场和发展