Ajax-Front-End- und Back-End-Interaktionsmethode

Dieses Mal werde ich Ihnen die Methode der Ajax-Front-End- und Back-End-Interaktion vorstellen. Was sind die Vorsichtsmaßnahmen für die Ajax-Front-End- und Back-End-Interaktion? Werfen wir einen Blick darauf.

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, von denen viele von den Eigenschaften Ihres Backends abhängen. Hier liste ich hauptsächlich zwei Methoden auf, die in meinen aktuellen Projekten häufig verwendet werden

– eine davon ist unsere gemeinsame Web-API und unser gemeinsamer

Controller ,

Schauen wir uns zunächst einmal genauer an Ajax zur Interaktion mit Webapi-Daten

Hier ist eine kurze Beschreibung der vier Eigenschaften von Web-API – GET, POST, PUT, DELETE

Hier verwende ich GET und POST in Yongchang

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 aus dem Back-End während der Initialisierung der Webseite und dann weist es zu Auf der Seite (vielleicht ist meine Fachterminologie nicht 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报错)
    }
  })

Die allgemeine POST-Methode ist das gleiche wie die übliche Ajax-Methode, nur dass Sie daran denken müssen, [HTTPPOST] zu Ihrer WEBAPI-Methode hinzuzufügen

Im Übrigen möchte ich einige POST-to-Controller-Methoden zusammenfassen, die manchmal verwendet werden sagte, dass der Controller direkt URLPOST kann, aber ich persönlich verwende immer noch gerne AJAX, hauptsächlich weil AJAX sehen kann, wo meine Psot-Fehler 233 sind

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

Ich glaube, dass Sie die Methode nach dem Lesen des Falles beherrschen Weitere spannende Dinge finden Sie in anderen PHP-bezogenen Artikeln.

Empfohlene Lektüre:

So behandeln Sie Fehler bei der Rückgabe von JSON-Daten an Ajax in Spring MVC

Ajax-Wasserfallfluss-Implementierung Demo-Teilen (mit Code)

Das obige ist der detaillierte Inhalt vonAjax-Front-End- und Back-End-Interaktionsmethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!