私はanglejsとionicからPHPにデータを送信する方法

Question

私は驚くばかりで、現在は$ http（）サービスでデータをいくつか保存しようとしていますが、動作しません。私を手伝ってくれますか？

フォーム：：そのページの

<form name="form"> 
    <input ng-model="model.text" type="text" name="text"> 
    <button class="button" ng-click="saveData()"> Save </button> 
</form> 

コントローラー：

.controller('pagCtrl', function ($scope, $http) { 
    $scope.saveData = function() { 

    $http ({ 
     url : 'http://localhost/prueba/www/php/enviar_datos.php', 
     method : 'POST', 
     data : { text : $scope.form.text.value } 
    }).then (function (response) { 

    }, function (response) { 

    }); 
    } 
}) 

PHP：

<?php 
    $link = mysqli_connect("localhost", "root", "", "testDB"); 

    if (mysqli_connect_errno()) { 
     die("Error de conexión: " . mysqli_connect_error()); 
    } 

    mysqli_set_charset($link, 'utf8'); 
    mysqli_query($link, "INSERT INTO tabla_prueba (texto) VALUES ('" . $_POST['text'] . "')"); 
    mysqli_close($link); 
?> 

これは私が何をしようとしていますものです3210

私は問題は、それが正しくPHPのURLに接続していないと思う。 私はIonicと仕事をしています。ご清聴ありがとうございました！あなたのモデルの名前を変更する必要がありますので

Answer 1

$scope.form.text={}とあなたのjsに

data:$.param($scope.form.text);

を追加し、ボタンにng-clickを削除するには、フォームでng-submit="saveData()"

をng-submitを置きます。それは読みにくい。

ng-model="formData.text" 

とJS

$scope.formData ={} 
data:$.param($scope.formData) 

Answer 2

にng-model属性によって定義された変数を使用してください。

<form name="form"> 
    <input ng-model="model.text" type="text" name="text"> 
    <button class="button" ng-click="saveData()"> Save </button> 
</form> 

app.controller('pagCtrl', function ($scope, $http) { 
    //INITIALIZE model object 
    $scope.model = {}; 
    $scope.saveData = function() { 

    $http ({ 
     url : 'http://localhost/prueba/www/php/enviar_datos.php', 
     method : 'POST', 
     //data : { text : $scope.form.text.value } 
     //POST model object 
     data: $scope.model 

    }).then (function successHandler(response) { 

    }, function rejectHandler(response) { 

    }); 
    } 
}) 

複数の入力を容易に制御を変更せずに追加することができる。

<form name="form"> 
    <input ng-model="model.text" type="text" name="text"> 
    <input ng-model="model.name" type="text" name="name"> 
    <input ng-model="model.id" type="text" name="id"> 
    <button class="button" ng-click="saveData()"> Save </button> 
</form> 

すべての入力をシリアル化し、JSON文字列テキストとして送信されます。