Cordova AJAX POST权限

Question

我正在用简单的REST调用构建一个Cordova APP。

的问题是，当我提出用POST一个AJAX，Chrome会将我：“的XMLHttpRequest无法加载http://192.168.1.111/project/app预检响应具有无效的HTTP状态代码405。”在控制台上。

但是，如果我使用GET进行AJAX调用（基本上从数据库返回一个值），这些事情就像一个魅力。

我的AJAX调用是：在REST

require 'Slim/Slim.php'; 
$app = new Slim(); 
$app->post('/app', 'addApp'); 
$app->run(); 

function addApp() { 
    error_log('addApp\n', 3, '/var/tmp/php.log'); 
    $request = Slim::getInstance()->request(); 
    $callback = json_decode($request->getBody()); 
    $sql = "INSERT INTO app (name) VALUES (:name)"; 
    try { 
     $db = getConnection(); 
     $stmt = $db->prepare($sql); 
     $stmt->bindParam("name", $callback->name); 
     $stmt->execute(); 
     $callback->id = $db->lastInsertId(); 
     $db = null; 
     echo json_encode($callback); 
    } catch(PDOException $e) { 
     error_log($e->getMessage(), 3, '/var/tmp/php.log'); 
     echo '{"error":{"text":'. $e->getMessage() .'}}'; 
    } 
} 

function getConnection() { 
    $dbhost="localhost"; 
    $dbuser="myuser"; 
    $dbpass="mypass"; 
    $dbname="mydb"; 
    $dbh = new PDO("mysql:host=$dbhost;dbname=$dbname", $dbuser, $dbpass); 
    $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); 
    return $dbh; 
} 

$.ajax({ 
    url: "http://192.168.1.111/project/app", 
    type: "POST", 
    dataType: "json", 
    contentType: 'application/json', 
    data: { 
    "name": "Cordova" 
    }, 
    success: function() { 
    navigator.notification.alert("Success!"); 
    }, 
    error: function(jqXHR, textStatus, errorThrown) { 
    console.log(textStatus + jqXHR.responseText); 
    } 
}); 

POST处理程序我已经试过：

1＃：访问起源于配置.xml

<access origin="*" /> 

2＃：在连接-SRC我的IP加入meta标签

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; connect-src 'self' http://192.168.1.111"> 

3＃：添加访问控制允许来源在我的REST的应用程序的.htaccess

Header add Access-Control-Allow-Origin "*" 
Header add Access-Control-Allow-Methods: "GET,POST,OPTIONS,DELETE,PUT" 

4＃：添加支持CORS在JavaScript

$.support.cors = true; 
$.mobile.allowCrossDomainPages = true; 

5＃：要检查是不是错误Server后，我用卷曲和工作正常（成功）

curl -i -X POST -H 'Content-Type: application/json' -d '{"name": "Cordova"}' http://192.168.1.111/project/app 

OBS：我使用超薄框架，REST（http://coenraets.org/blog/2011/12/restful-services-with-jquery-php-and-the-slim-framework/ ）

================

更新＃1：

我已将我的数据库和应用程序上传到在线主机，结果仍然相同。

================

更新＃2：

做一套测试中，我注意到，除去的contentType：“应用/ JSON “调试器显示另一个错误。

SQLSTATE[23000]: Integrity constraint violation: 1048 Column 'name' cannot be empty 

================

它已经两天，我试图解决这一点，并没有出现作为解决方案。我真的很伤心。

Answer 1

在阅读了StackOverflow中的大约60个问题以及关于CORS，PHP和访问控制的内容之后，我得出了一个“简单的解决方案”。

但是，在我发布解决方案之前，我想说的是，这种类型的问题太“普遍”，错误可能在任何地方。

好的，首先，该解决方案不适用于Chrome。 Chrome将始终返回405状态码，但是，在真实设备（或模拟器）中运行cordova应用程序时，解决方案就像魅力一样。是的，这是关于Chrome阻止跨域请求的。

第一步：

AJAX中的数据必须放在'{}'中。是的，我不知道这一点。如果您需要，可以使用JSON.stringify来简化操作。

$.ajax({ 
    url: "http://myonlineurl.com/project/app", 
    type: "POST", 
    dataType: "json", 
    contentType: 'application/json', 
    data: '{ "name": "Cordova", "another_thing" : "thing" }', 
    success: function() { 
     navigator.notification.alert("Success!"); 
    }, 
    error: function(jqXHR, textStatus, errorThrown) { 
     console.log(textStatus + jqXHR.responseText); 
    } 
}); 

第二步：

在REST API，你需要启用访问控制允许报头为工作的事情。

<?php header('Access-Control-Allow-Headers: X-Requested-With, origin, content-type'); ?> 

目前我的APP在这些解决方案中正常工作。我很高兴听到其他解决方案（用于在Chrome中工作）。

谢谢你们！

Answer 2

我想问题可能是这样的：

预检错误是由于一个事实，即客户端作出OPTIONS请求（职前）;这个请求不能被服务器正确处理。由于OPTIONS请求没有被服务器处理，所以下一次POST不被处理。因此，首先检查调试器（或在服务器上嗅探），这是导致您提到的错误的请求。如果我的猜测是正确的，那么你会看到下一次POST会被客户正确执行。