My Login.php file
<?php
header("Access-Control-Allow-Origin: *");
header('Access-Control-Allow-Methods: GET, POST');
header("Access-Control-Allow-Headers: X-Requested-With");
$mysql_host = "localhost";
$mysql_database = "test";
$mysql_user = "root";
$mysql_password = "";
// Create connection
$conn = new mysqli($mysql_host, $mysql_user, $mysql_password,$mysql_database);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$aemp=$_REQUEST['user'];
?>
我的login.html文件
<div class="list">
<label class="item item-input item-floating-label">
<span class="input-label">Username</span>
<input type="text" ng-model="user.userName" placeholder="Enter your username">
</label>
<label class="item item-input item-floating-label">
<span class="input-label">Password</span>
<input type="password" ng-model="user.password" placeholder="Enter yourPassword">
</label>
</div>
<button ng-click="login()" class="button button-outline button-stable" >
我的mainserver.js文件
app.service('mainService',function ($http,$q) {
this.login = function (userInfo) {
var defer = $q.defer();
$http.post('http://localhost/login.php',{user:userInfo})
.success(function (response) {
$scope.names = response.records;
if(res){
defer.resolve(response);
}else{
defer.reject(response);
}
})
.error(function (err) {
defer.reject(err);
})
return defer.promise
}
})
当我将对象发送到我的php文件时,它会显示给我
user obj对象{userName:&#34; asdas&#34;,密码:&#34; sadsaada&#34;}
XMLHttpRequest无法加载http://localhost/login.php。请求标题字段在预检响应中,Access-Control-Allow-Headers不允许使用Content-Type。
答案 0 :(得分:0)
app.service('mainService',function ($http,$q) {
this.login = function (userInfo) {
var defer = $q.defer();
$http.post(
'http://localhost/login.php',
{user: userInfo},
{headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}}
)
.success(function (response) {
$scope.names = response.records;
if(res){
defer.resolve(response);
}else{
defer.reject(response);
}
})
.error(function (err) {
defer.reject(err);
})
return defer.promise
}
});
并在 php
的服务器端header("Access-Control-Allow-Headers: X-Requested-With, Content-Type, Access-Control-Allow-Headers, accept");