Verschiedene Gesten der Front-End-Ajax-Interaktion mit dem Back-End (grafisches Tutorial)

In diesem Artikel werden hauptsächlich verschiedene verwandte Kenntnisse zur Front-End-Ajax- und Back-End-Interaktion vorgestellt, die einen guten Referenzwert haben. Schauen wir es uns gemeinsam an

Um Daten mit dem Backend auszutauschen, das häufig im Frontend verwendet wird, wird normalerweise Ajax verwendet

Aber es gibt viele Möglichkeiten zur Interaktion, und vieles hängt davon ab In Bezug auf die Eigenschaften Ihres Backends liste ich hier hauptsächlich zwei Methoden auf, die in meinen aktuellen Projekten häufig verwendet werden

– eine davon ist unsere gemeinsame Web-API und unser Controller.

Lassen Sie uns zunächst einmal Schauen Sie sich die Interaktionsdaten zwischen Ajax und Webapi genauer an POST.

Wenn wir zu diesem Zeitpunkt AJAX verwenden müssen, um mit den Back-End-Daten zu interagieren

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

Diese Art von GET liest normalerweise einige Daten vom Back-End während der Initialisierung des Webseite und ordnet sie dann der oben genannten Seite zu (vielleicht entspricht meine Fachterminologie nicht dem Standard, bitte verzeihen Sie mirＱＡＱ)

Dann möchte ich über die POST-Methode sprechen

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

Der allgemeine POST Die Methode ist die gleiche wie die übliche Ajax-Methode. Denken Sie jedoch daran, dass Sie beim Hinzufügen von [HTTPPOST] zur WEBAPI-Methode

Im Übrigen möchte ich einige POST-to-Controller-Methoden zusammenfassen, die manchmal verwendet werden Es heißt, dass der Controller direkt URLPOST kann, ich persönlich verwende immer noch gerne AJAX, hauptsächlich weil AJAX sehen kann, wo Ihre PSOT-Fehler sind.

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

Das Obige ist das, was ich für alle zusammengestellt habe hilfreich für alle in der Zukunft.

Verwandte Artikel:

dwz So entfernen Sie

ajax

loading (grafisches Tutorial)

FormData+Ajax-Implementierung Überwachung des Upload-Fortschritts

Der Lade-Warteeffekt, bevor Ajax Daten zurückgibt (grafisches Tutorial)

Das obige ist der detaillierte Inhalt vonVerschiedene Gesten der Front-End-Ajax-Interaktion mit dem Back-End (grafisches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!