将 json 对象从 javascript 发送到 php

IT技术 javascript php jquery ajax json
2021-03-16 04:50:58

我正在尝试将 JSON 对象从 Javascript/Jquery 发送到 PHP，但我在控制台中收到错误消息。我究竟做错了什么。我是 JS 和 PHP 的新手。

jQuery 文件：

$(document).ready(function() {
    var flickr = {'action': 'Flickr', 'get':'getPublicPhotos'};
    // console.log(typeof(flickr));
    var makeFlickrCall = function(flickrObj){
        $.ajax({
            url: '../phpincl/apiConnect.php',
            type: 'POST',
            data: flickrObj
        })
        .done(function(data) {
            console.log("success");
            console.log(JSON.stringify(data));
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
    };

    makeFlickrCall(flickr);
});

PHP文件

<?php       
    $obj = $_POST['data'];
    // print_r($obj);
    return $obj;
?>
3个回答

标准的 jQuery.ajax()方法使用该data属性创建一个x-www-form-urlencoded字符串以传入请求正文。像这样的东西

action=Flickr&get=getPublicPhotos

因此，你的PHP脚本应该不找$_POST['data']而是$_POST['action']和$_POST['get']。

如果要将原始 JSON 数据负载发送到 PHP，请执行以下操作...

将 AJAXcontentType参数设置为application/json并将您的 JSON 对象的字符串化版本作为data有效负载发送，例如

$.ajax({
    url: '../phpincl/apiConnect.php',
    type: 'POST',
    contentType: 'application/json',
    data: JSON.stringify(flickrObj),
    dataType: 'json'
})

然后您的 PHP 脚本将从php://input流中读取数据负载，例如

$json = file_get_contents('php://input');

然后您可以将其解析为 PHP 对象或数组...

$dataObject = json_decode($json);
$dataArray = json_decode($json, true);

而且，如果您只是想将其回显给客户端..

header('Content-type: application/json');

// unmodified
echo $json;

// or if you've made changes to say $dataArray
echo json_encode($dataArray);
@Phil 非常有帮助的答案，我可以让 php多次发送当前正在发生的执行进度吗？，因为我的 php 执行时间太长。
2021-04-24 04:50:58
我需要做什么才能使帖子工作 $_POST['data'] 并将对象返回给 javascript？
2021-05-03 04:50:58

Phil 的出色回答，但是因为 OP 标题说

将 json 对象从 javascript（不是 jQuery）发送到 php

这是使用（香草）javascript 的方法，以防它帮助寻找此方法的人：

var jsondata;
var flickr = {'action': 'Flickr', 'get':'getPublicPhotos'};
var data = JSON.stringify(flickr);

var xhr = new XMLHttpRequest();
xhr.open("POST", "../phpincl/apiConnect.php", !0);
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xhr.send(data);
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // in case we reply back from server
        jsondata = JSON.parse(xhr.responseText);
        console.log(jsondata);
    }
}

请注意，我们还需要服务器的响应转换成JavaScript对象使用JSON.parse()

现在，在服务器端（基于 Phil 的回答），如果您要向客户端发回响应，您可以执行以下操作：

header('Content-type: application/json');
$json = file_get_contents('php://input');
$json_decode = json_decode($json, true); 
$json_encode = json_encode($json_decode);
echo $json_encode;

注意：

首先解码然后编码回原始json输入的原因是正确转义数据中（可能的）URL中的斜杠，例如

json_encode 将转换此 URL

http://example.com

进入

http:\/\/example.com

...这在 OP 中并非如此，但在其他一些场景中很有用。

感谢 JFK 的回应，我的标题确实说 Javascript 但我在描述中指定了 Javascript/Jquery。
2021-04-23 04:50:58
@Vish：没问题，我只是提供了一种使用 javascript 的方法，以防万一有人不想包含 jQuery
2021-05-03 04:50:58
感谢您的努力，我很高兴知道解决问题的两种方法:)
2021-05-16 04:50:58

利用：

makeFlickrCall( { data: JSON.stringify( flickr )} );

代替

makeFlickrCall(flickr);

您的服务器端脚本应按如下方式接收您的 JSON：

data="{"action":"Flickr","get":"getPublicPhotos"}"
其它你可能感兴趣的问题
上一篇防止表单提交（javascript） 下一篇使用 jquery/javascript 在单击时增加 CSS 亮度颜色？