Ajax 프론트엔드와 백엔드 상호작용 방법

이번에는 Ajax 프론트엔드와 백엔드 상호작용 방법에 대해 알려드리겠습니다. Ajax 프론트엔드와 백엔드 상호작용의 주의사항은 무엇인가요?

프론트엔드에서 자주 사용하는 백엔드와 데이터를 교환하기 위해서는 주로 ajax 방식을 사용합니다

하지만 상호작용하는 방법은 다양하며, 그 중 대부분은 백엔드의 속성에 따라 다릅니다. 현재 프로젝트에서 일반적으로 사용되는 두 가지 방법 비교

--하나는 일반 웹 API와 controller입니다.

우선 ajax와 webapi 간의 상호 작용 데이터를 자세히 살펴보겠습니다

여기에 간략한 내용이 있습니다. 웹 API 속성의 네 가지 유형에 대한 설명 - GET, POST, PUT, DELETE

여기서는 용창에서 GET과 POST를 사용합니다

백엔드에서 데이터와 상호작용하기 위해 AJAX를 사용해야 하는 경우

 $.ajax({
    url: "你的webapi",
    type: "Get",
    DATA{},//这里面写你要传给后端的数据，不过GET方法一般不需要，直接读就可以了
    success: function (data) {
       //成功后的return事件
      }
    error: function (data) {
      alert("data");//请求错误后的报错事件(很重要，如果你报错了不知道哪儿要改的话这个可以帮助你，我个人感觉主要是500报错)
    }
  })

이런 종류의 GET은 일반적으로 웹 페이지에서 초기화됩니다. 백엔드에서 일부 데이터를 읽어 페이지에 할당할 때(제 전문 용어가 표준이 아닐 수도 있으니 양해해 주세요. QAＱ)

그럼 제가 이야기하고 싶은 것은 POST 방법입니다

$.ajax({
    url: "你的webapi",
    type: "POST",
    DATA{},//这里面写你要传给后端的数据，这里面有点十分重要就是你的webapi方法上面一定要加[HTTPPOST]不然会500报错
    success: function (data) {
       //成功后的return事件
      }
    error: function (data) {
      alert("data");//请求错误后的报错事件(很重要，如果你报错了不知道哪儿要改的话这个可以帮助你，我个人感觉主要是500报错)
    }
  })

일반적인 POST 방법은 일반적인 Ajax 방법과 동일합니다. WEBAPI 방법에 [HTTPPOST]를 추가하는 것만 기억하세요.

나머지 컨트롤러가 때때로 사용되는 몇 가지 POST 방법을 요약하고 싶습니다. 직접 URLPOST를 할 수도 있지만 개인적으로 저는 AJAX를 사용하는 것을 좋아합니다. 주로 AJAX가 내 psot 오류가 233

$.ajax({
          url: 你的控制器/你的控制器方法名字,
          type: 'POST',
          dataType: 'json',
          data: ,//依旧是你要传递参数的值
          contentType: “”application/json”,//这儿是告诉你传递参数一定是要json格式的啊  
          success: function (data) {
            //成功后的返回事件
          }
        });

인 위치를 확인할 수 있기 때문입니다. 이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 비용을 지불하세요. PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

추천 자료:

spring mvc

ajax 워터폴 흐름 구현 데모 공유(코드 포함)

에서 json 데이터를 ajax로 반환할 때 오류를 처리하는 방법

위 내용은 Ajax 프론트엔드와 백엔드 상호작용 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!