15
anglejsを使用してフロントエンドからmysql dbにデータを挿入しようとしています。 エラーメッセージが表示されない場合でも、dbに挿入されません。以下は、私が使用しているコードです。angularjsのフロントエンドからmysql dbへのデータの挿入
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>
であり、以下の私の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.";
}
?>
私は私がここに愚かな何かをやっている知っています。私は今Angerjを学び始めました。 データベースに挿入するプレーンhtmlのPHPコードを試してみると、完璧に動作します。私がここで間違っていることは得られません。誰かが私をここで助けてくれることを願っています
phpが角度を付けずに動いている場合、原因としてPHPを割り引くことができますが、mysql_ *関数ではなくmysqli_ *またはPDOを使用する必要があります。 Chromeデベロッパーツールなどを使用して、スクリプトにPOSTを実行しているXHRを確認できますか？それは "add"の値を持っていますか？ポスト "値"をどこに設定しているのかわかりませんが、角度になじみがありません。 mysql_ *を使用しない理由の詳細はこちら[here]（http://stackoverflow.com/questions/12859942/why-shouldnt-i-use-mysql-functions-in-php） – boodle
あなたはコールバックを取得しますか？要求コードのための少なくともいくつかの応答コード？ –
あなたは_POST ["add"]値を送信しないので、ifを入力しないようです。 – boodle