Question

我是Ionic框架的新手，我正在努力将数据从HTML发布到PHP。

1.index.html：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->


    <!-- ionic/angularjs js -->
    <script src="lib/ionic/js/ionic.bundle.js"></script>
  <script src="js/ng-cordova.min.js"></script>
    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>


    <!-- your app's js -->
    <script src="js/app.js"></script>
  </head>
  <body ng-app="starter">

    <ion-pane>
      <ion-header-bar class="bar-stable">
        <h1 class="title">HTML</h1>
      </ion-header-bar>

      <ion-view title="Signup">
     <ion-nav-buttons side="left">
      <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
    </ion-nav-buttons>

    <ion-content class="has-header">
      <div class="list list-inset">

       <label class="item item-input">
         <input class="form-control" type="text" ng-model="userdata.username" placeholder="Enter Username">
       </label>

       <label class="item item-input">
         <input type="text" ng-model="userdata.email" placeholder="Enter Your Email">
       </label>

       <label class="item item-input">
         <input class="form-control" type="password" ng-model="userdata.password" placeholder="Enter Your Password">
       </label>

       <button class="button button-block button-positive button-dark" ng-click="signUp(userdata)">SignUp</button><br>
       <span>{{responseMessage}}</span>
     </div>
    </ion-content>

  </ion-view>
    </ion-pane>
  </body>
</html>

app.js：

.controller('SignupCtrl', function($scope, $http) {
$scope.signup = function () {
        var request = $http({
            method: "post",
            url: "http://myurl.com/signup.php",
            crossDomain : true,
            data: {
                email: $scope.email,
                password: $scope.password,
                username: $scope.username
            },
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
        });
        /* Successful HTTP post request or not */
        request.success(function(data) {
            if(data == "1"){
             $scope.responseMessage = "Successfully Created Account";
            }
            if(data == "2"){
             $scope.responseMessage = "Create Account failed";
            }
            else if(data == "0") {
             $scope.responseMessage = "Email Already Exist"
            }  
        });
}
})

3.PHP文件：

<?php
        header("Content-Type: application/json; charset=UTF-8");
        header('Access-Control-Allow-Origin: *');
        header('Access-Control-Allow-Methods: GET, POST');

        $postdata = file_get_contents("php://input");
        $request = json_decode($postdata);
        $email = $postdata->email;
        $password = $postdata->password;
        $username = $postdata->username;

        $con = mysql_connect("localhost","username",'password') or die ("Could not connect: " . mysql_error());;
        mysql_select_db('dbname', $con);

        $qry_em = 'select count(*) as cnt from users where email ="' . $email . '"';
        $qry_res = mysql_query($qry_em);
        $res = mysql_fetch_assoc($qry_res);

        if($res['cnt']==0){
        $qry = 'INSERT INTO users (name,pass,email) values ("' . $username . '","' . $password . '","' . $email . '")';
        $qry_res = mysql_query($qry);
            if ($qry_res) {
                echo "1";
            } else {
                echo "2";;
            }
        }
        else
        {
            echo "0";
        }
        ?>

Answer 1

编辑：我写了一篇关于如何将数据从Ionic发布到PHP的详细帖子，您可以查看它here。

在index.html文件中：

ng-click="signUp(userdata)

但是在app.js文件中你有这个：

$scope.signup = function () {

而不是像：

$scope.signup = function (userdata) {

如果您选择这条路线，那么您的数据应如下所示：

data: {
        email: userdata.email,
        password: userdata.password,
        username: userdata.username
}

然而，你不必像这样做！您可以这样做，以便从userdata中删除ng-click="signUp(userdata)，然后在数据部分的app.js文件中删除，如下所示：

data: {
        email: $scope.userdata.email,
        password: $scope.userdata.password,
        username: $scope.userdata.username
}

从html到php服务器的离子应用程序数据

1 个答案: