Detaillierte Erläuterung der Front-End-Ajax- und Back-End-Interaktion

Um Daten mit dem Back-End auszutauschen, das häufig im Front-End verwendet wird, wird normalerweise Ajax verwendet. In diesem Artikel werden hauptsächlich die verschiedenen verwandten Kenntnisse des Front-End-Ajax und der Back-End-Interaktion vorgestellt ein guter Referenzwert. Werfen wir einen Blick mit dem untenstehenden Editor. Ich hoffe, er kann allen helfen.

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 Controller,

Schauen wir uns zunächst die Interaktionsdaten zwischen Ajax und Webapi genauer an

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

Hier verwendet Yongchang GET und POST

Wenn wir AJAX verwenden müssen, um mit den Daten im Backend 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 Backend, wenn die Webseite initialisiert wird, und weist sie der Seite zu (vielleicht ist meine Fachterminologie nicht Standard, bitte verzeihen Sie mir, QAQ)

Dann habe ich wollen Worüber wir sprechen, ist die POST-Methode

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

Die allgemeine POST-Methode ist dieselbe wie die übliche Ajax-Methode. Denken Sie jedoch daran, [HTTPPOST] zu Ihrer hinzuzufügen WEBAPI-Methode

Im Übrigen möchte ich einige POST-to-Controller-Methoden zusammenfassen, die manchmal verwendet werden. Obwohl der Controller direkt URLPOST kann, verwende ich persönlich immer noch gerne AJAX, hauptsächlich weil AJAX es Ihnen ermöglicht, Ihre eigenen anzuzeigen psot. Wo ist der Fehler 233?

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

Es ist erwähnenswert, dass die Werte, die ich persönlich übergebe, vom Typ JSON sind und ich das Übergeben nicht getestet habe ;

Verwandte Empfehlungen:

PHP-Modularisierung für Front-End-Ajax-Aufrufimplementierung, Ajax-PHP-Post-JQuery-Ajax-PHP-Ajax-Punkte

Ajax-Implementierung Teilen Sie die Stärke des dynamischen Ladens von Daten

Detailliertes Beispiel für die Kombination von js mit json zur Implementierung eines einfachen Ajax-Beispiels

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Front-End-Ajax- und Back-End-Interaktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!