function test() {
var data = $("#form").serializeObject();
console.log(data); //json
var headers = {"Content-Type" : "application/json" , "X-HTTP-Method-Override" : "POST"};
$.ajax({
type : "POST",
url : "./goTestUrl",
data : JSON.stringify(data),
headers : headers,
dataType:"json",
success : function(res){
alert('success');
},
error : function(request,status,error){
console.log(request);
}
});
}
// QueryString to json
jQuery.fn.serializeObject = function() {
var obj = null;
try {
if ( this[0].tagName && this[0].tagName.toUpperCase() == "FORM" ) {
var arr = this.serializeArray();
if ( arr ) {
obj = {};
jQuery.each(arr, function() {
obj[this.name] = this.value;
});
}
}
} catch(e) {
alert(e.message);
} finally {
}
return obj;
};
위에 ajax호출을 받는 Spring 메서드는
testModel 로 받음
@PostMapping("/gogoUrl")
public @ResponseBody Map<String, Object> gogoUrl( @RequestBody testModel testModel) {
Map<String, Object> map = new HashMap<>();
return map;
}
'DEV > javascript, jQuery' 카테고리의 다른 글
[javascript] url 파라미터 제거 ( ? 이후 url 제거 ) (0) | 2021.08.23 |
---|---|
Daum 우편번호 서비스 사용시 에러 (0) | 2021.07.12 |
[javascript] 호이스팅이란? (0) | 2020.11.25 |
[javascript] var, let, const 차이 ( 완벽 이해 ) (0) | 2020.11.20 |
javascript 성능향상 코드스타일 (0) | 2020.11.03 |