yoni

api call 사용시 body와 params 본문

JS

api call 사용시 body와 params

yoni-1117 2019. 1. 30. 10:34

▶request시 body에다가 담으려면 data

: 클라이언트한테 보여지지 않게 데이터를 담아서 넘김


▶request시 params로 담으려면 datas

: 클라이언트한테 보여지면서 데이터를 담아서 넘김 -> url 에 담겨서 보내짐

: ex) http://localhost:8081/users/test4?email=string


[request시 body로 객체 선언]


[request시 params로 객체 선언]



/**

 * [api] 호출

 * url : /users/{username}

 * @returns

 */

function registData(){

var urlAddParam = $("input[name=accountUserId]").val();

var callUrl = "http://localhost:8081/users/"+urlAddParam;

var targetJwt = userLoginJwt;

var prebuiltHeaders = null;

var resultList = null;

var prebuiltHeaders = {

"Accept" : "application/json",

"Content-Type" : "application/json",

"Authorization" : targetJwt,

};

var items = {

email : $("input[name=accountUserEmail]").val(),

lastName : $("input[name=accountUserName]").val(),

password : $("input[name=accountUserPassword]").val(),

role : $("input[name=accountUserRole]").val()

}

$.ajax({

url : callUrl,

headers: prebuiltHeaders,

 

type : "POST",

dataType : "json",

data : JSON.stringify(items),

success : function (data) {

//화면에 입력한 아이디와 response의 아이디가 일치하면 마스크 없어짐 

if ($("input[name=accountUserEmail]").val() == data.data.username){

$("input[name=accountUserId]").val("");

$("input[name=accountUserEmail]").val("");

$("input[name=accountUserName]").val("");

$("input[name=accountUserPassword]").val("");

$("input[name=accountUserRole]").val("");

closeWindowByMask();

} else{

closeWindowByMask();

alertPopup('오류', '서버와 통신 중 문제가 발생하였습니다.');

}

},

error : function (data) {

closeWindowByMask();

alertPopup('오류', '서버와 통신 중 문제가 발생하였습니다.');

}

});

}

Comments