jQuery AJAX 방법 success()백 스테이지 에서 들 려 오 는 4 가지 데이터 상세 설명

1.백 스테이지 한 페이지 되 돌리 기
js 코드

/**(1) $("#content-wrapper").html(data);    */
$.ajax({
 async : false,
 cache : false,
 type : 'POST',
 url : 'area/prepareCreate',
 error : function() {
  alert('smx   ');
 },
 success : function(data) {
  $("#content-wrapper").html(data);
 }
});

자바 코드

/*
 * (1)     @RespoonseBody 
 * (2)      String,          
 * (3)    "error"，  ajax error  
 */
@RequestMapping(value = "area/prepareCreate", method = RequestMethod.POST)
public String editAreaWithFile() {
 return "area/create;
 // return "error";
}

2.백 스테이지 에서 기본 타 입 String,Long 등 을 되 돌려 줍 니 다.
js 코드

$.ajax({
 async : false,
 cache : false,
 type : 'POST',
 url : 'app/area/delete',
 dataType : "json",
 error : function() {
  alert('smx   ');
 },
 success : function(data) {
 /**  ：        ，      */
  alert(data);
 }

});

자바 코드

/**(1) @ResponseBody  
(2)        ，url，data(     @RequestBody)
(3)           */
@ResponseBody
@RequestMapping(value = "area/delete", method = RequestMethod.POST)
public long editArea() {
 //    
 return 3; 
}

3.배경 에서 실체 클래스 되 돌리 기
첫 번 째 단계:실체 클래스 정의

/**
 * flag 1 :    
 * msg：    ；
 * flag 0:     */
public class AjaxResponseMsg {
 private int flag;
 private String msg; 
}

STEP 2:js 코드

$.ajax({
 async : false,
 cache : false,
 type : 'POST',
 url : 'app/area/delete',
 error : function() {
  alert('smx   ');
 },
 success : function(data) { 
  var jsonData = JSON.parse(data);   
  if (jsonData .flag == 0) {//    
   alert("      "); 
  } else {
   alert(jsonData .msg); 
  }
 }
});

STEP 3:자바 코드

 /**（1）    @ResponseBody
 (2)      
 (3)         */
 @ResponseBody
 @RequestMapping(value = "area/delete", method = RequestMethod.POST)
 public AjaxResponseMsg editAreaWithFile() {

  //    
  boolean result = true
  AjaxResponseMsg ajaxMsg = new AjaxResponseMsg();
  if (result == true)
   ajaxMsg.setFlag(0);
  else {
   ajaxMsg.setFlag(1);
   ajaxMsg.setMsg("              ");
  }
  return ajaxMsg; //           ，        ，     
 }

4.배경 에서 실체 클래스 list 를 되 돌려 줍 니 다(실체 클래스 의 필드 는 모두 기본 형식 입 니 다)
실체 류

public class Section{
 private Long id; //id
 private String name; //     
}

프런트

$.ajax({
 async : false,
 cache : false,
 type : 'POST',

 url : "section/getSections",
 error : function() {
  alert("  ");
 },
 success : function(data) {
  var jsonData = JSON.parse(data); //jsonData          （json  ） 

  for (var i = 0; i < jsonData.length; i++) {
   alert(jsonData[i].id);
   alert(jsonData[i].name);     
  }

 }
})

백 스테이지

@ResponseBody
@RequestMapping("/section/getSections")
@RequiresPermissions("section:view")
public List<Section> getSections() {
 List<Section> sections = new List<Section>();
 return sections;
}

5.배경 에서 실체 클래스 list(실체 클래스 의 필드 는 List 형식 포함)를 되 돌려 줍 니 다.
첫 번 째 단계:실체 클래스 Chart Series 정의

public class ChartSeries {
 private String name; //      
 private List<Float> data; //       
 private List<Date> occurTime; //       
 //  get set   
}

STEP 2:js 코드

 $.ajax({
   url : "/dataRecord/chart" , //      
   type : 'GET',
   data : {
   },
   success : function(data) { 
    formatStringToJson(data);//       
   }
  });

 function formatStringToJson(data) {

  jsonData = JSON.parse(data); //          JSON  
  //jsonData     ，     ChartSeries   data   list
  for (x in jsonData) { //  JSON        , x    

   for (y in jsonData[x].data) {    
     alert(jsonData[x].occurTime[y]) ;//     
     alert(jsonData[x].data[y]);
   }

  }


 }

STEP 3:자바 코드

@ResponseBody
@RequiresPermissions("dataRecord:view")
@RequestMapping(value = "/dataRecord/chart}", method = RequestMethod.GET)
public List<ChartSeries> getChart(){   
 List<ChartSeries> list = new List<ChartSeries>();
 // list  
 return list; // list
}

배경 에서 들 려 오 는 데이터 형식 은 다음 과 같 습 니 다.

이상 의 jQuery AJAX 방법 success()백 스테이지 에서 보 내 온 4 가지 데이터 에 대한 상세 한 설명 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 께 참고 가 될 수 있 고 많은 응원 부 탁 드 리 겠 습 니 다.