> 웹 프론트엔드 > JS 튜토리얼 > 배열을 백그라운드로 전달하는 jquery ajax의 자세한 코드 설명과 백그라운드에서 배열을 수신하는 방법

배열을 백그라운드로 전달하는 jquery ajax의 자세한 코드 설명과 백그라운드에서 배열을 수신하는 방법

伊谢尔伦
풀어 주다: 2017-07-17 14:06:26
원래의
3118명이 탐색했습니다.

JS의 배열은 약한 유형이며 모든 유형(객체, 기본 유형)을 포함할 수 있습니다. 그러나 배열에 객체 유형이 포함된 경우 backgroundString--[object Object ]로 전달되면 객체만 표시됩니다. 그 이유는 다음과 같습니다.

백그라운드에서 수신할 때는 요청을 통해서만 수신할 수 있습니다. request.getParameterValues() 메서드는 String[]을 반환하므로 포그라운드 전송 중에 객체의 toString()을 호출해야 합니다. ) 메서드를 사용하고 있는데, 여전히 객체를 전달하고 싶다면 어떻게 해야 할까요? 그러나 JSON 문자열을 사용하여 구현할 수 있으며 JSON 문자열은 백그라운드에서 JAVA 개체로 구문 분석됩니다.
아마도 다음과 같은 복합 객체라면 어떻게 해야 할지 말하고 싶을 것입니다.

public class Person { 
private String username; 
private String password; 
private Address addr; 
}
로그인 후 복사

Person 객체에는 Address 유형의 addr 속성이 있지만 속성 값은 결국 중요하지 않습니다. 모든 개체에서 사용하는 것은 기본 데이터 유형입니다. 구문 분석하려면 해당 패키징 유형인 parInt 또는 parsXXX만 사용하면 됩니다.
구현:
좋아요, 이것이 원칙입니다. 먼저 JS 작성 방법을 살펴보겠습니다.

var as = []; 
var temp = []; 
for ( var int = 0; int < 5; int++) { 
temp.push(&#39;{"k":&#39;); 
temp.push(int); 
temp.push(&#39;,"v":&#39;); 
temp.push(int); 
temp.push(&#39;}&#39;); 
as.push(temp.join("")); 
} 
//Jquery中的方法,具体参考Jquery API 
$.post( "servlet/AjaxServlet?m=putWarningRule",{"aa":as} );
로그인 후 복사

최종 문자열은 다음 스타일입니다(예를 들어).

{"k":0,"v":0}
로그인 후 복사

백그라운드 수신, 프레임워크는 논의되지 않으며 HttpServletRequest만 필요합니다.

String[] jsonArr = request.getParameterValues("aa[]");
로그인 후 복사

주의할 점이 한 가지 있습니다. js에서는 매개변수를 전달할 때 매개변수 이름이 "aa"이지만 백그라운드에서 이를 수신할 때는 "aa[]"입니다. Jquery가 여기서 변환을 수행했어야 하므로 "aa["로 변경하는 것이 가장 좋습니다. ]" JS. 에서 여기에 "[]"를 쓰지 않은 이유는 문제를 설명하기 위한 것입니다. 다음 방법을 사용하여 요청

Enumeration<String> names = request.getParameterNames(); 
while (names.hasMoreElements()) { 
String string = (String) names.nextElement(); 
System.out.println(string); 
}
로그인 후 복사

OK의 모든 매개변수를 인쇄할 수 있습니다. 이제 수신이 완료되었습니다. 이제 남은 것은 JSON 문자열을 POJO로 변환하는 방법뿐입니다.

/** 
* 将对象转换为JSON格式的字符串 
* @param obj 
* @return 返回JSON字符串 
*/ 
public 
static
 String toJSONAsString(Object obj){ 
try { 
return JSONMapper.toJSON(obj).render(false); 
} catch (Mapper
Exception
 e) { 
e.printStackTrace(); 
} 
return null; 
} 
@SuppressWarnings("unchecked") 
public static <T> T jsonToObject(String jsonStr, Class<T> targetClass) throws TokenStreamException, RecognitionException, MapperException{ 
JSONValue jv = new JSONParser(new StringReader(jsonStr)).nextValue(); 
return (T) JSONMapper.toJava(jv,targetClass); 
} 
//test 
public static void main(String[] args) throws Exception { 
Person p = new Person(); 
p.setK("a"); 
p.setV("v"); 
String json = toJSONAsString(p); 
Person np = jsonToObject(json,Person.class); 
System.out.println(np.getK()+"=="+np.getV()); 
}
로그인 후 복사

request가 값을 얻은 후, 배열을 탐색하고

Person p = JSONUtils.jsonToObject(jsonArr[0], Person.class);
로그인 후 복사

Person 클래스를 다음과 같이 하나씩 변환합니다.

public class Person { 
private String k; 
private String v; 
public String getK() { 
return k; 
} 
public void setK(String k) { 
this.k = k; 
} 
public String getV() { 
return v; 
} 
public void setV(String v) { 
this.v = v; 
} 
}
로그인 후 복사

때때로 문제가 발생하여 배경이 값을 받을 수 없습니다.

해결책:

jQuery.ajax

$.ajax({
  url: "/xxx",
  type: "GET",
  data: {
    "boxIds": boxIds,
    "boxType": 0,
    "time": new Date().getTime()
  },
  traditional: true,//这里设置为true
  success: function(data) {
    //do sth...
  }
});
로그인 후 복사

요청 매개변수의 전통적인 속성을 설정하세요2

이번에는 매개변수에 "[]"가 포함되어 있지 않으며 배열이 백그라운드에서 성공적으로 수신될 수 있습니다.


위 내용은 배열을 백그라운드로 전달하는 jquery ajax의 자세한 코드 설명과 백그라운드에서 배열을 수신하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿