PHP 未收到 POST 聚合物核心中的主体集-ajax 元素

Question

我使用 core-ajax 创建了一个 Polymer 元素，通过 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) { } ERROR: Invalid username. Lost your password?

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

Answer 1

所以我做了一些研究并取得了一些重要发现。

core-ajax 有一个属性 contentType 由 default 设置为 'application/x-www-form-urlencoded'.

我发送的数据是一个 json 对象，它是未 url 编码的。

PHP 填充 $_POST 和 $_REQUEST when 它包含 url-encoded 数据。此外，对于 PHP 关联数组索引，数据必须采用 key=value[&key=value...] 对的形式，与 GET 查询变量一样被实例化。

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

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

Answer 2

下面是我如何使用 core-ajax 来 POST 一些数据：

在模板中：

<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

}

Answer 3

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

PHP 未收到 POST 聚合物核心中的主体集-ajax 元素

PHP not receiving POST body set in Polymer core-ajax element

javascript

php

ajax

wordpress

polymer