将JSon数据从javascript发送到php

时间:2014-10-26 11:37:10

标签: javascript php ajax json

我正在尝试使用JSon将javascript中的数组发布到php会话变量中。我搜索了很多,有3种发布方式; HTML表单发布请求,AJAX和cookie。我想通过发布请求发布,在我的脚本中我将我的数组转换为JSon对象没问题。然后我试着将它发送到这样的php页面;

$('#firstConfirmButton').click(function(){  

    var json_text = JSON.stringify(ordersArray, null);
    alert(json_text.toString());

    request= new XMLHttpRequestObject();
    request.open("POST", "test.php", true);
    request.setRequestHeader("Content-type", "application/json");
    request.send(json_text);

});

在test.php中,我试图通过使用file_get_contents('php:// input')获取数组,但它不起作用。当我尝试回显son_text时,它显示“firstConfirmButton =”而不是数组内容。我该怎么办?

<?php

   require("includes/db.php");
   require("includes/functions.php");

    session_start();

    if (isset($_POST['firstConfirmButton'])) { 

        $json_text = \file_get_contents('php://input');
        echo $json_text; 

    }

&GT;

4 个答案:

答案 0 :(得分:0)

当您使用jQuery时,请使用jQuery的ajax函数以更好地兼容浏览器:

$('#firstConfirmButton').click(function(){  

    $.post("test.php", { data: ordersArray }, function(response){                    
               // success callback
               // response variable can be used for response from PHP, if any
    });
});

在您的PHP代码中:

print_r($_POST['data']);

请注意ordersArray应该是有效的JSON。然后,您可以根据需要在PHP中使用变量。

答案 1 :(得分:0)

我很欣赏Apul的答案,但你错过了造成问题的事情,请这样做:

方法1(推荐):

$('#firstConfirmButton').click(function(){  

var json_text = JSON.stringify(ordersArray, null);
alert(json_text.toString());

var request;
var XMLHttpFactories = [
    function () {return new XMLHttpRequest()},
    function () {return new ActiveXObject("Msxml2.XMLHTTP")},
    function () {return new ActiveXObject("Msxml3.XMLHTTP")},
    function () {return new ActiveXObject("Microsoft.XMLHTTP")}
];

function createXMLHTTPObject() {
    var xmlhttp = false;
    for (var i=0;i<XMLHttpFactories.length;i++) {
        try {
            xmlhttp = XMLHttpFactories[i]();
        }
        catch (e) {
            continue;
        }
        break;
    }
    return xmlhttp;
}
function sendRequest(url,callback,postData) {
    var req = createXMLHTTPObject();
    if (!req) return;
    var method = (postData) ? "POST" : "GET";
    req.open(method,url,true);
    req.setRequestHeader('User-Agent','XMLHTTP/1.0');
    if (postData)
        req.setRequestHeader('Content-type','text/json');
        req.onreadystatechange = function () {
            if (req.readyState != 4) return;
            if (req.status != 200 && req.status != 304) {
                alert('HTTP error ' + req.status);
                return;
            }
        callback(req);
    }
    if (req.readyState == 4) return;
    req.send(postData);
}

});

最后像这样调用sendRequest函数:

sendRequest('file.txt',handleRequest,ordersArray);
function handleRequest(req) {
    var writeroot = [some element];
    writeroot.innerHTML = req.responseText;
}

方法2(使用中没有问题):

var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("POST","demo_post2.asp",true);
xmlhttp.setRequestHeader("Content-type","text/json");
xmlhttp.send(ordersArray);

要在PHP中读取数据:

$json_text = file_get_contents('php://input');
echo json_decode($json_text); //I have changed the send data from `json_text` to the direct non-Stringified json object, the `ordersArray`.

两者之间的区别在于可扩展性。

注意:我和Apul的答案之间的差异是jQuery,我没有使用它,他做了。

答案 2 :(得分:0)

Apul关于使用AJAX库是正确的。 在PHP方面,我使用

接收'数据'

$value = urldecode(file_get_contents('php://input'));

答案 3 :(得分:0)

实际上我仍在努力解决这个问题,我想我有一些进展。也许别人会有同样的问题,我希望它能帮助他。首先我将我的javascript代码更改为,特别是添加“async:false”保存了我的生命,因为没有此更新,Safari和Firefoc无法将任何Json变量发布到php(Chrome即可)。我花了两天的时间来学习这个。

$('#firstConfirmButton').click(function(){  


    var my_json_val = JSON.stringify(ordersArray, null);
    alert(my_json_val.toString());

    $.ajax({
        type: "POST",
        url: "gazanfer.php",
        data: my_json_val,
        cache: false,
        contentType: false,
        async: false,
        processData: false,
        success:  function(data){
            //alert("---"+data);
        alert("Settings has been updated successfully.");
        window.location.reload(true);
        }
    }); 

});

现在发帖还可以,但我仍然无法读取php端的数据。我不知道为什么,这是我的PHP代码。有什么想法吗?

<?php


    require("includes/db.php");
    require("includes/functions.php");

    $my_json_encoded = $_POST['data'];
    $my_json_val = json_decode($my_json_encoded);
    echo $my_json_val;

?>