집 > 기사 > 웹 프론트엔드 > 백엔드와 상호작용하는 프런트엔드 Ajax의 다양한 제스처(그래픽 튜토리얼)

백엔드와 상호작용하는 프런트엔드 Ajax의 다양한 제스처(그래픽 튜토리얼)

亚连원래의: 2018-05-22 15:33:101845검색

이 글은 프론트엔드 Ajax와 백엔드 상호작용에 대한 다양한 관련 지식을 주로 소개하고 있어 참고할만한 가치가 있습니다. 같이 살펴보시죠

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

하지만 상호작용하는 방법은 다양하며 그 중 백엔드의 속성에 따라 달라지는 경우가 많습니다 . 여기에는 현재 프로젝트에서 일반적으로 사용되는 두 가지 방법이 나와 있습니다

--하나는 일반적인 웹 API와 컨트롤러입니다.

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

다음은 웹에 대한 간략한 설명입니다. API의 네 가지 속성 - GET, POST, PUT, DELETE

I, Yongchang은 GET 및 POST를 사용합니다

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

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

이런 GET 일반적으로 웹페이지가 초기화되면 백엔드에서 일부 데이터를 읽어와서 페이지에 할당하게 되는데 (제 전문용어가 표준이 아닐 수도 있으니 QAQ 양해 부탁드립니다)

그럼 저는 이야기하고 싶은 것은 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가 내 psot 오류가 어디에 있는지 볼 수 있기 때문에 여전히 AJAX를 사용하는 것을 좋아합니다. 233

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

위 내용은 제가 모두를 위해 작성한 것입니다. 앞으로는 모두에게 도움이 되세요.

백엔드와 상호작용하는 프런트엔드 Ajax의 다양한 제스처(그래픽 튜토리얼)

관련 기사