Javascript Girl
  1. Javascript Girl
  3. Insertion de données de front end à mysql db in angularjs
Intereting Posts
Ouvrez une nouvelle fenêtre sans vous concentrer sur Initialisation d'un tableau à valeur unique Écouteur de compte Google (indiquez la couleur du pixel sous le curseur de la souris) Comment calculer la somme des heures décimales Comment lisez-vous un fichier ou Transférer de façon synchrone dans node.js? Évitez la tâche Grunt cssmin pour supprimer les entrées en double Comment puis-je écrire et utiliser des fichiers de déclaration personnalisés qui n'existent pas sur DefinitelyTyped? La sortie de la toile HTML5 en tant qu'image, howto? Javascript: converti textarea en un tableau Comment puis-je limiter la concurrence de la promesse Q? JQuery DataTable: recherche de colonne individuelle sur l'en-tête de table Loop in Jade (actuellement connu sous le nom de "Pug") modèle de moteur JCarouselLite réinitialise l'intervalle automatique WinJS.UI.ListView personnalise le contenu de l'élément de liste? Comment créer une galerie d'images simple en JavaScript en utilisant la fenêtre contextuelle

Insertion de données de front end à mysql db in angularjs

J'essaie d'insérer des données de front-end à mysql db en utilisant angularjs. Mais il ne s'insère pas dans le db, même s'il n'y a pas de message d'erreur . Voici le code que j'utilise.

Index.html 

<html ng-app="demoApp"> <head> <title> AngularJS Sample</title> <script src="js/angular.min.js"></script> <script src="js/angular-route.min.js"></script> <script type="text/javascript" src="js/script.js"></script> </head> <body> <div class="container" ng-view> </div> </body> </html>

Script.js 

  demoApp.config( function ($routeProvider,$locationProvider) { $routeProvider .when('/', { controller: 'SimpleController', templateUrl: 'Partials/view1.html' }) .when('/view2', { controller: 'SimpleController', templateUrl: 'Partials/view2.html' }) .otherwise({redirectTo: '/'}); }); demoApp.controller('SimpleController',function ($scope,$http){ $http.post('server/view.php').success(function(data){ $scope.friends = data; });; $scope.addNewFriend = function(add){ var data = { fname:$scope.newFriend.fname, lname:$scope.newFriend.lname } $http.post("server/insert.php",data).success(function(data, status, headers, config){ console.log("inserted Successfully"); }); $scope.friends.push(data); $scope.newFriend = { fname:"", lname:"" }; }; });

View1.html 

 <div class="container" style="margin:0px 100px 0px 500px;"> Name:<input type="text" ng-model="filter.name"> <br/> <ul> <li ng-repeat="friend in friends | filter:filter.name | orderBy:'fname'">{{friend.fname}} {{friend.lname}}</li> </ul> <br/> <fieldset style="width:200px;"> <legend>Add Friend</legend> <form name="addcustomer" method="POST"> First Name:<input type="text" ng-model="newFriend.fname" name="firstname"/> <br/> Last Name :<input type="text" ng-model="newFriend.lname" name="lastname"/> <br/> <button data-ng-click="addNewFriend()" name="add">Add Friend</button> </form> </fieldset> <a href="#/view2" style="margin:auto;">Next</a> </div>

Et après est mon fichier php

Insert.php 

 <?php if(isset($_POST['add'])) { $firsname=$_POST['firstname']; $laname = $_POST['lastname']; mysql_connect("localhost", "root", "") or die(mysql_error()); mysql_select_db("angularjs") or die(mysql_error()); mysql_query("INSERT INTO friends (fname,lname) VALUES ('$firsname', '$laname')"); Print "Your information has been successfully added to the database."; } ?>

Je sais que je fais quelque chose de stupide ici. Je viens de commencer à apprendre angularjs aujourd'hui. Lorsque j'essaie le code php avec un simple HTML pour insérer dans db, il fonctionne parfaitement. Je ne comprends pas ce que je fais mal ici. J'espère que quelqu'un va m'aider ici

Votre script pour l'insertion des données est incorrect. Remplacez-le par ce qui suit 

 $http.post("server/insert.php",{'fstname': $scope.newFriend.fname, 'lstname': $scope.newFriend.lname}) .success(function(data, status, headers, config){ console.log("inserted Successfully"); });

Et aussi changer le php comme suit. 

 $data = json_decode(file_get_contents("php://input")); $fstname = mysql_real_escape_string($data->fstname); $lstname = mysql_real_escape_string($data->lstname); mysql_connect("localhost", "root", "") or die(mysql_error()); mysql_select_db("angularjs") or die(mysql_error()); mysql_query("INSERT INTO friends (fname,lname) VALUES ('$fstname', '$lstname')"); Print "Your information has been successfully added to the database.";

Cela a fonctionné pour moi lorsque j'ai essayé avec votre code.