2016-08-30 12 views
0

我正在從db中加載一個數字,並使用angularjs將此數字設置爲DOM。angularjs在ng-click上插入數據庫(無輸入)

我想要的是總結1到這個數字,更新視圖,然後更新這個新號碼到數據庫。所以我正在閱讀一些問題,但他們使用輸入將數據插入到數據庫中,但沒有任何示例適用於我。

HTML

<ion-view title="Home" id="page6" style="background-color:#FFFFFF;"> 
    <ion-content padding="true" style="background: url(img/gyZnJFCoRPC41przFivh_bg.png) no-repeat center;background-size:cover;" class="has-header"> 
    <div> 
     <img src="img/XKpA1sK1QMeh5stz2Pe8_logo.png" width="100%" height="auto" style="display: block; margin-left: auto; margin-right: auto;"> 
    </div> 
    <div id="home-markdown8" style="color:#000000;font-size:16px;text-align:center;"> 
     <p>Comparecerão: 
      <strong>{{vou}}</strong> 
     </p> 
    </div> 
    <div id="home-button-bar4" class="button-bar margin-top-100"> 
     <button id="home-button12" style="font-style:italic;color:#008BBB;border-radius:30px 30px 30px 30px;" class="button button-light button-block audiencia_btns" ng-click="test()" name="add">Vou</button> 
     <button id="home-button13" style="font-style:italic;color:#008BBB;border-radius:30px 30px 30px 30px;" class="button button-light button-block audiencia_btns">Não Vou</button> 
     <button id="home-button14" style="font-style:italic;color:#008BBB;border-radius:30px 30px 30px 30px;" class="button button-light button-block audiencia_btns">Talvez</button> 
    </div> 
    <div id="home-markdown9" style="color:#000000;text-align:center;"> 
     <p>{{vou}} - {{nao_vou}} - {{talvez}}</p> 
    </div> 
    <center> 
     <a ui-sref="menu.temporada2016" id="home-button15" style="font-style:italic;color:#008BBB;font-size:18px;margin-top:50px;border-radius:30px 30px 30px 30px;width:250px;" class="button button-light button-block icon-right ion-chatbubbles pics-news-btn">Fotos e Novidades</a> 
    </center> 
    </ion-content> 
</ion-view> 

angularjs:

.controller('homeCtrl', ['$scope', '$http', function ($scope, $http) { 

$http.get("http://localhost/select-audiencia.php").then(function(response){ 
    //console.log(response); 
    //console.log(JSON.stringify(response)); 

    $scope.all = response; 
    $scope.vou = Number(response.data[0].VOU); 
    $scope.nao_vou = Number(response.data[0].NAO_VOU); 
    $scope.talvez = Number(response.data[0].TALVEZ); 

}); 

$scope.test = function(){ 

    $scope.vou += 1; 

    $http.post("http://localhost/insert-audiencia.php", {'vou': $scope.vou}).then(function(resp){ 
     console.log(JSON.stringify(resp)); 
     console.log(resp); 
    }); 
    } 

}]) 

PHP

<?php 

    include_once('conn.php'); 

    if(isset($_POST['add'])){ 

    $vou = $_POST['vou']; 
    $sql = $mysqli->query("UPDATE audiencia SET vou = '".$vou."'"); 

} 

?> 

這是我的回調

{"data":"","status":200,"config":{"method":"POST","transformRequest":[null],"transformResponse":[null],"url":"http://localhost/insert-audiencia.php","data":{"vou":2},"headers":{"Accept":"application/json, text/plain, */*","Content-Type":"application/json;charset=utf-8"}},"statusText":"OK"} 

我可以看到新的號碼爲「數據」:{ 「VOU」:2}但它不與PHP的工作。任何建議?

+1

你應該參考這個帖子http://stackoverflow.com/questions/2731297/file-get-contentsphp-input-or- http-raw-post-data-which-one-is-better-to- – mikeycrostar

+0

你爲什麼要做isset($ _ POST ['add']);是添加設置? –

回答

0

我使用$數據作爲JSON對象固定我的PHP文件

<?php 

include_once('conn.php'); 

$data = json_decode(file_get_contents("php://input")); 

if(property_exists($data, 'vou')){ 

    $vou = $data->vou; 
    $sql = $mysqli->query("UPDATE audiencia SET vou = '".$vou."'"); 
    $mysqli->close(); 

}else if(property_exists($data, 'getnaovou')){ 

    $naovou = $data->getnaovou; 
    $sql = $mysqli->query("UPDATE audiencia SET nao_vou = '".$naovou."'"); 
    $mysqli->close(); 

} 

?>