PHP 未接收 Polymer core-ajax 元素中的 POST 主体集 - PHP not receiving POST body set in Polymer core-ajax element

我使用core-ajax创建了一个聚合物元素，通过POST将数据发送到PHP脚本。

<polymer-element name="login-process">
  <template>
    <core-ajax auto method="POST" id="login" url="/login.php" response="{{response}}">
    </core-ajax>
    <button on-tap={{doSend}}>send</button>
  </template>
<script>
Polymer('login-process', {
  ready: function() {
  },
  doSend: function() {
    this.$.login.body = '{"foo": 1, "bar": 2}';
    this.$.login.go();
  },
  responseChanged: function(oldValue) {
      console.log(oldValue);
      console.log(this.response);
  }
})
</script>
</polymer-element>

我已经检查了 HTTP 请求，并验证了数据是否正在发送。但是，另一方面，我的 PHP 脚本没有在 $_POST 或 $_REQUEST 变量中显示数据的痕迹。这是我的PHP脚本的内容：

header("Cache-Control: no-cache, must-revalidate"); //HTTP 1.1
header("Pragma: no-cache"); //HTTP 1.0
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT"); // Date in the past
error_reporting(E_ALL);
ini_set("display_errors", 1);
define("BASE_PATH", $_SERVER['DOCUMENT_ROOT']);
define('WP_USE_THEMES', false);
global $wp, $wp_query, $wp_the_query, $wp_rewrite, $wp_did_header;
require(BASE_PATH . '/wp-load.php');

var_dump($_POST);
var_dump($_REQUEST);
$creds = array();
$creds['user_login'] = 'example';
$creds['user_password'] = 'plaintextpw';
$creds['remember'] = true;
$user = wp_signon( $creds, false );
if ( is_wp_error($user) ) {
    header("HTTP/1.0 401 Unauthorized");
    echo $user->get_error_message();
    exit();
}
header("HTTP/1.0 200 OK");
exit();

我知道，不是优雅的代码。但我从脚本中得到的回应是：

array（0） { } array（0） { } 错误：用户名无效。失去您的密码？

因此，$_POST 和 $_REQUEST 数组是空的，而我希望它们会用我提供的数据填充它们。

在这种情况下，

您可能希望使用"params"属性this.$.login.params = '{"foo": 1, "bar": 2}';代替"body"属性。这样做将允许您使用 $_POST 获取数据。下面的 plunker 我用于另一个答案，显示我如何在聚合物中创建表单，但也可以在这里显示使用 PHP 向后端发送 $_POST 数据。 http://plnkr.co/edit/JG7KKbMK0R1Fa1W2Gb4P?p=preview

以下是我如何使用core-ajax来发布一些数据：

在模板中：

<core-ajax
        method="POST"
        id="core_ajax_el"
        on-core-response="{{ajax_get_responseHandler}}"
        >
</core-ajax>

在原型中：

    domReady: function(e) {
    //set AJAX request params: they will be POSTed to the ajax-url.
    var core_ajax_el = this.$.core_ajax_el;
    // create the object literal
       var aniArgs = {};
       aniArgs['post_data'] = this.element_attribute;
       core_ajax_el.params = aniArgs;
       //set the AJAX URL
         core_ajax_el.url = this.ajax_get_url;
       //execute AJAX
         core_ajax_el.go();
    },
 ajax_get_responseHandler: function(e, detail, sender) {
   //do something with the response here
}

所以我做了一些研究，做了一些重要的发现。

core-ajax 有一个属性 contentType，默认情况下设置为"application/x-www-form-urlencoded"。

我发送的数据是一个 json 对象，它没有经过 url 编码。

PHP 在包含 url 编码数据时填充 $_POST 和 $_REQUEST。此外，数据必须采用键=值[&键=值...]对的形式，与GET查询变量一样，才能实例化PHP assoc数组索引。

所以我可以使用以下代码发送数据：

this.$.login.body = 'data='+encodeURIComponent(JSON.stringify({"foo":1, "bar":2}));

现在在 PHP 脚本中：

echo $_POST['data'];  // outputs something like string(32) "{'"foo'":1, '"bar'":2}"
var $unescaped = stripslashes($_POST['data']);
echo $unescaped; // outputs string(29) "{"foo":1, "bar":2}"
$assoc_array = json_decode($unescaped, true); // now contains an assoc array of the
// json data

但是，我看到人们在他们的PHP脚本中使用以下代码：

file_get_contents("php://input");

这将获取发送到 Web 服务器的原始 POST 数据，无论它是否经过 url 编码。

因此，我可以轻松地继续发送数据：

this.$.login.body = '{"foo": 1, "bar": 2}';

并使用 PHP 使用以下数据集：

$data = json_decode( file_get_contents( "php://input", true ) );
echo $data["foo"]; // outputs 1