使用AJAX发送javascript对象 [英] Send javascript object with AJAX

问题描述

我正在构建一个用户可以在其中绘制图形的平台.为此，我使用Chart.js，每次创建图形时，我都会在JavaScript数组中保存该实例的一个实例(一个JavaScript对象).

I am building a platform where users can draw graphs. In order to do this, I am using Chart.js and each time a graph is created, I save an instance (a javascript object) of this one in a javascript array.

我想做的是使用AJAX将实例数组保存在PHP会话变量中，以便用户以后可以检索其配置.

What I would like to do is to save that array of instances in a PHP session variable with AJAX, so that the user can retrieve his configuration later on.

据我了解，通过AJAX发送到PHP的Javascript对象将转换为PHP数组格式，返回值将取决于我们期望的"dataType"(json，html，xml ...)

From what I understood, the Javascript object sent to PHP via AJAX will be converted to PHP array format and the returned value will depend on the "dataType" that we expect (json, html, xml...)

但是，我想要检索的是我的图形实例的完全相同的Javascript数组，以便重新实例化它们，而不是转换后的格式".

However, what I want to retrieve is the exact same Javascript array of my graphs instances in order to re-instantiate them, not a "converted format".

在此先感谢您的帮助！

推荐答案

如果您要绝对确定要从PHP返回相同的对象(从来没有进行过转换)，则可以将其序列化为字符串( JSON.stringify(object))，然后再次对其进行解析.

If you want to be absolutely sure, that you get the same object back from PHP (no conversion what so ever), you can serialize it as a string (JSON.stringify(object)) and afterwards parse it again.

这是一种解决方案:

JavaScript(发送数据):

JavaScript (send data):

var data = [
    { "abc": "def" },
    { "ghi": "jkl" }
];

$.ajax({
    "url": "http://localhost/savedata.php",
    "method": "POST",
    "data": {
        "list": JSON.stringify(data)
    }
});

PHP( savedata.php ):

<?php
    session_start();

    $_SESSION['data'] = $_POST['list'];
 ?>

PHP( getdata.php )

<?php
    session_start();
    header("Content-Type: application/json");

    echo $_SESSION['data'];
?>

JavaScript(接收数据):

JavaScript (receive data):

var data = [];

$.ajax({
    "url": "http://localhost/getdata.php",
    "method": "GET",
    "success": function(response) {
        data = response;
    }
});

这篇关于使用AJAX发送javascript对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！