Heim > Web-Frontend > js-Tutorial > Hauptteil

AngularJS verwendet die Post-Methode, um JSON-Parameter zu übergeben (Code im Anhang).

php中世界最好的语言
Freigeben: 2018-04-27 17:26:17
Original
2862 Leute haben es durchsucht

Dieses Mal bringe ich Ihnen AngularJS Ideen für die Verwendung der Post-Methode zum Übergeben von JSON-Parametern (mit Code). Was sind die Vorsichtsmaßnahmen für die Verwendung der Post-Methode zum Übergeben von JSON-Parametern? AngularJS? Schauen wir uns hier praktische Fälle an.

In diesem Artikel wird hauptsächlich die Verwendung des Angularjs $http-Dienstes zum Übertragen von JSON-Objektdaten an den Server mithilfe der POST-Methode vorgestellt.

Die Details lauten wie folgt:

1. Der Standardtyp der von der $http POST-Methode übermittelten Daten ist application/json

var data = {'wid':'0', 'praise' : '25'}; 
$http.post(url, data).success(function(result) { 
 // 
});
Nach dem Login kopieren

Die letzte gesendete Anfrage lautet:

POST http://www.example.com HTTP/1.1 
Content-Type: application/json;charset=utf-8 
 
{'wid':'0','praise':'25'}
Nach dem Login kopieren

Die Standardmethode kann das JSON-Objekt direkt in Form eines Strings an den Server übergeben besser geeignet für RESTful-Schnittstellen. Aber der $_POST des PHP-Skripts kann die JSON-Daten nicht aus dem Anfragetext abrufen.

Sie können Folgendes verwenden:

$data = file_get_contents("php://input"); //获得原始输入流
Nach dem Login kopieren

Hinweis: php://input ist ungültig, wenn enctype="multipart/form-data"

Nachdem Sie den ursprünglichen Eingabestream der Anfrage erhalten und ihn dann entsprechend verarbeitet haben, können Sie die JSON-Daten abrufen.

2. Verwenden Sie x-www-form-urlencoded, um JSON-Daten zu übermitteln und zu erhalten

app.factory("Comment",function($http){
 return {
  get : function(commentFileUrl) {
   return $http({
    method: "GET",
    url: commentFileUrl,
    params: {R:Math.random()},
    headers: {'Cache-Control':'no-cache'}
   });
  },
  //保存一个评论
  save : function(toUrl,saveFileUrl,Data) {
   $http({
    method: "POST",
    url: toUrl,
    data: {saveUrl:saveFileUrl,commit:Data},
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    transformRequest: function(obj) {
     var str = [];
     for (var p in obj) {
      str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
     }
     return str.join("&");
    }
   }).success(function(data){
    console.log("数据已保存!");
   }).error(function(data) {
    alert("数据保存失败,错误信息:" + JSON.stringify({data:data}));
   });
  }
 }
});
Nach dem Login kopieren

Ich glaube, Sie haben die Methode nach dem Lesen gemeistert Dies ist in diesem Artikel der Fall. Weitere spannende Inhalte finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Verwendung der vue.js-Baumsteuerung

Detaillierte Erläuterung der Schritte dazu Datei-Drag-and-Drop mit JS implementieren

Das obige ist der detaillierte Inhalt vonAngularJS verwendet die Post-Methode, um JSON-Parameter zu übergeben (Code im Anhang).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage