(오리지널) js, ajax 와 springboot 간 의 두 가지 전 참 방식
4800 단어 spring-boot
방식 1:
전단 js:
function update(){
var d = {};
d.userId = 30;
d.username = "Sunpeng.Guo";
$.ajax({
url: "update",
data: JSON.stringify(d),
//type、contentType ,
type: "POST",
contentType: "application/json;charset=utf-8",
success: function(response){
// , json 。
if(response.success){
alert(response.message);
}
}
});
}
백 엔 드 컨트롤 러
@Controller
public class SwitchProduct{
@RequestMapping(value="/update")
@ResponseBody--- json
public Object update(@RequestBody JSONObject params){
//@RequestBody ,
//JSONObject alibaba fastjson , 。 String json 。
Integer id = params.getInteger("userId");
String name = params.getString("username");
// id name。 。 dubbo consumer, service ,
Map map = new HashMap<>();
map.put("success",true);
map.put("message"," !");
return map;
}
}
방식 2:
전단 js:
function update(){
$.post(
"update",
{"userId":30,"username":"sunpeng.guo"},
function(response){
if(response.success){
alert(response.message);
}
},
"json"
)
}
백 엔 드 컨트롤 러
@Controller
public class SwitchProduct{
@RequestMapping(value="/update")
@ResponseBody
public Object update(HttpServletRequest request){
//HttpServletRequest javax.servlet.http
String name = request.getParameter("username");
int id = Integer.parseInt(request.getParameter("userId"));
//todo
Map map = new HashMap<>();
map.put("success",true);
map.put("message"," !");
return map;
}
}
두 가지 js 스 크 립 트 작성 방식 은 서로 다른 백 엔 드 전송 방식 에 대응 합 니 다.앞으로 새로 발 견 된 전 참 방식 도 이 글 에 업 데 이 트 될 것 이다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Keycloak이 Active Directory에 등록된 사용자로 인증할 수 있도록 합니다.사내 시스템을 출시함에 있어서, 전회사에서는 Web시스템마다 로그인하고 있어 혐오가 있었으므로, 꼭 싱글 사인온으로 하고 싶다고 생각했다. 그 실현에, 옛날 조금만 평가한 OpenAM라든지의 정보를 구구어 낚시하기 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.