PHP：響應AJAX發布請求
[英]PHP: respond to AJAX post request
問題描述
我正在使用angular通過get請求檢索json數據。 我想通過郵寄方式同樣地更新json文件，並讓PHP通過發送回更新后的json做出響應。 問題在於，當更新json文件時，頁面未更新（ajax）。
的HTML
<html ng-app="myApp">
<body ng-controller="mainController">
<div>
<h3>Rules</h3>
<ul>
<li ng-repeat="rule in rules">{{rule.rulename}}</li>
</ul>
</div>
<div>
<label>New Rules:</label>
<input type="text" ng-model="newRule" />
<input type="button" ng-click="addRule()" value="Add" />
</div>
的JavaScript
var myApp = angular.module('myApp', []);
myApp.controller('mainController', ['$scope','$http', function($scope, $scope.getItems = function() {
$http.get("localhost:8888/json/newRules.json")
.then(
function(response){
//success callback
$scope.rules = response.data;
},
function(response){
// failure callback
console.log(response);
}
);
};
$scope.getItems();
$scope.newRule = '';
$scope.addRule = function() {
$http.post("localhost:8888/json/newRules.json", JSON.stringify([{rulename: $scope.newRule}]))
.then(
function(response){
//success callback
$scope.getItems();
$scope.rules = response;
$scope.newRule = '';
},
function(response){
// failure callback
console.log(response);
}
);
};
}]);
的PHP
<?php
$data = file_get_contents("newRules.json");
$data2 = file_get_contents("php://input");
$postData = json_decode($data);
$postData2 = json_decode($data2);
$newArray = array_merge($postData, $postData2);
$newPost = json_encode($newArray);
file_put_contents("newRules.json", $newPost);
?>
2 個解決方案
解決方案1
2 已采納 2016-02-10 16:22:48
我記得angular不會自動向請求添加application/x-www-form-urlencoded標頭，因此在php端，您可能還需要以這種方式解碼POST數據：
// get the POST data
$data = file_get_contents("php://input");
$postData = json_decode($data);
// process the data
// ...
// send response
echo json_encode($responseData);
或者，您可以配置angular發送標頭，請參見此處的詳細信息。
解決方案2
0 2016-02-10 16:17:07
使用json_encode函數在json中發送響應
檢查http://php.net/manual/en/function.json-encode.php
在你的PHP腳本中，你需要做
echo json_encode(['id'=>123]);
Ajax請求不響應
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.