Soumettre une entrée dynamiquement créée de Angular à PHP Page

Question

J'essaye de créer un formulaire de facture, qui peut faire tous les calculs nécessaires comme sous-total, taxe totale par elle-même. Si vous cliquez sur le bouton submit, vous devez soumettre toutes les valeurs et les éléments créés dynamiquement à une page PHP, qui insérera ces valeurs (écrites par l'utilisateur ou calculées par angularjs) dans la table/colonne SQL appropriée comme je le souhaite. Sur cette base project, j'ai ajouté ce code javascript.

function PhpCtrl($scope, $http, $templateCache) { 
var method = 'POST'; 
var url = 'added.php'; 
$scope.codeStatus = ""; 
$scope.add = function() { 
var FormData = {}; 
$http({ 
    method: method, 
    url: url, 
    data: FormData, 
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}, 
    cache: $templateCache 
}). 
success(function(response) { 
    $scope.codeStatus = response.data; 
}). 
error(function(response) { 
    $scope.codeStatus = response || "Request failed"; 
}); 
return false; 
}; 
} 

Quelqu'un peut me aider comment stocker tous les éléments créés dynamiquement, ainsi que leurs valeurs, afin de les soumettre à une page php?

Answer 1

Vous pouvez créer un FormData à soumettre dynamiquement en utilisant javascript simple comme ceci:

var fd = new FormData(); 

fd.append("fieldName", valueToSubmit); 
fd.append("arrayField[]",[1,2,3]); //you can even post array data 

Le vous pousser fd au serveur:

var uri = "added.php"; 
var xhr = new XMLHttpRequest(); 
xhr.open("POST",uri,true); 
xhr.onreadystatechange=function(){ 
    if(xhr.readyState == 4 && xhr.status==200){ 
     //do something with returned data 
    } 
}; 
fd.append("img_file",blob_to_upload);// you can even upload a file 
fd.append("user_id",data); 
fd.append("category_id",category_id); 
xhr.send(fd);