Ajax에서 contentType: 'application/json' 설정 역할(그래픽 튜토리얼)

이 글에서는 Ajax에서 contentType: "application/json"을 설정하는 역할을 주로 소개합니다. 필요하신 분들은 참고하시면 됩니다

최근 프로젝트 상호작용을 할 때 데이터를 백그라운드로 전달할 때 막 415를 반환하기 시작했는데, Baidu는 contentType: "application/json"을 추가한 다음 400을 반환하고 전송된 데이터 형식을 json 문자열로 변경하면 전송이 성공합니다. 이제 contentType: "application/json"의 역할을 살펴보겠습니다.

contentType 추가 : "application/json "이후 백그라운드로 보내는 데이터 형식은 json 문자열이어야 합니다

$.ajax({
  type: "post",
  url: "mobile/notice/addMessageInfo.jspx",
  contentType: "application/json",
  data:"{'name':'zhangsan','age':'15'}",
  dataType: "json",
  success: function(data) {
    console.log(data);
  },
  error: function(msg) {
    console.log(msg)
  }
})

contentType: "application/json"을 추가하지 않으면 json 개체 형식을 백그라운드로 보낼 수 있습니다

$.ajax({
  type: "post",
  url: "mobile/notice/addMessageInfo.jspx",
  data:{name:'zhangsan',age:'15'},
  dataType: "json",
  success: function(data) {
    console.log(data);
  },
  error: function(msg) {
    console.log(msg)
  }
})

또한 백그라운드에서 복잡한 json을 전달할 때 contentType: "application/json"을 추가한 다음 데이터를 문자열로 변환해야 합니다

var data = {
  uploadarray: uploadarray,
  messageInfo: {
    messageTitle: messageTitle,
    messageContent: messageContent,
    publisher: publisher
  },
  userId: userId
}

$.ajax({ 
  type: 'post',
  url: "mobile/notice/addMessageInfo.jspx",
  contentType: 'application/json',
  data: JSON.stringify(data),
  dataType: "json",
  success: function(data) {
    console.log(data);
  },
  error: function(msg) {
    console.log(msg)
  }
})

추가: Let's take $.ajax에서 contentType: "application/json"의 사용법을 살펴보세요.

contentType: "application/json"을 사용하지 않으면 데이터가 객체가 될 수 있습니다

$.ajax({
url: actionurl,
type: "POST",
datType: "JSON",
data: { id: nodeId },
async: false,
success: function () {}
});

contentType: "application/json", 데이터는 json 문자열만 가능합니다

$.ajax({
url: actionurl,
type: "POST",
datType: "JSON",
contentType: "application/json"
data: "{'id': " + nodeId +"}",
async: false,
success: function () {}
});

위는 모든 사람을 위해 편집한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

Ajax PHP JavaScript MySQL은 새로 고침이 없는 간단한 온라인 채팅방을 구현합니다.

jQuery+Ajax 사용자 이름 확인 단계에 대한 자세한 설명

Yii2 양식 이벤트 Ajax 제출 구현 방법

위 내용은 Ajax에서 contentType: 'application/json' 설정 역할(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!