Question

每当我尝试通过联系表单发送消息时，我都会在控制台中收到POST 405（不允许）。

App.js

$scope.submitData = function() {
   $http({
   url: 'handle.php',
   method: 'POST',
   data: {"name": $scope.name,"email": $scope.email,"message": $scope.message},
   headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}
   })
   .success(function() {
     window.alert("Success");
   })
   .error(function() {
     window.alert("Failure");
   })
}

Handle.php

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

$to = "myemail@gmail.com";
$name = $data['name'];
$email = $data['email'];
$message = $data['message'];

//to, subject, message, headers, parameters.
mail($to, $name, $email, $message);
?>

Contact.html

<form action="" method="post" ng-submit="submitData()" ng-controller="contactController">
<p>name:</p>
<input name="name" type="text" ng-model="name">
<p>email:</p>
<input name="email" type="text" ng-model="email">
<p>message:</p>
<textarea name="message" type="text" cols="40" rows="5" ng-model="message"></textarea>
<p><div id="html_element"></div><p>
<input type="submit" id="submit" value="Submit"/>
</form>

我在raspberry pi上运行nginx Web服务器。

handle.php是否正确？

我认为此错误意味着服务器上没有配置某些内容？我需要配置什么？

我将不胜感激。

Answer 1

我认为你应该安装一个插件来对其他服务器进行ajax调用。尝试下载这个并可能有所帮助： https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

安装完成后，点击插件，添加和网址： https://developer.chrome.com/extensions/match_patterns 然后再试一次。

AngularJS + PHP联系表格，POST 405（不允许）

1 个答案: