Javascript AJAX:如何在另一个页面上显示数据

Javascript AJAX:如何在另一个页面上显示数据,javascript,php,jquery,ajax,web,Javascript,Php,Jquery,Ajax,Web,我有以下功能。单击按钮时,将执行以下功能。该函数基本上通过Ajax将json数据发送到页面“temp.php” 我认为发送数据是成功的。我的主要问题是打印/显示ajax发送到“temp.php”页面的数据 **Orders.php:** 函数convertToJson() { var tableData=$('#productOrder').tableToJSON({ 忽略列:[0] }); var result=JSON.stringify(tableData) $.ajax({ url:“

我有以下功能。单击按钮时,将执行以下功能。该函数基本上通过Ajax将json数据发送到页面“temp.php”

我认为发送数据是成功的。我的主要问题是打印/显示ajax发送到“temp.php”页面的数据

**Orders.php:**
函数convertToJson()
{
var tableData=$('#productOrder').tableToJSON({
忽略列:[0]
}); 
var result=JSON.stringify(tableData)
$.ajax({
url:“http://localhost/app/temp.php",
数据:{result},
类型:“POST”,
})
.done(函数(json){
document.getElementById('testDiv')。innerHTML=result;
})
.失败(功能(xhr、状态、错误抛出){
警报(“抱歉,出现问题!”);
警报(“错误:+错误抛出”);
警报(“状态:+状态”);
警报(xhr);
})
.始终(功能(xhr、状态){
警报(“请求已完成!”,状态);
});           
}
**这是“temp.php”的内容**
**这是ajax发送的json数据(var结果)**
[{“Id”:“43”,“产品名称”:“兰花”,“单位”:“测试”,“比率(PHP)”:“600.00”,“数量”:“5.00”,“小计(PHP)”:“3000.00”}]

查看您发送的数据:

(这是
数据:{result:result},
的缩写)

所以表单编码数据中有一个键,result

现在看看PHP:

您发送的数据中没有
Id
。仅
结果

您发送的数据中没有
产品名称
。仅
结果


等等。

此错误表示您的服务器有问题。无法复制此问题。ajax请求似乎在模拟条件下按预期工作。正如错误消息中所指出的,问题最有可能出现在temp.php中。您好,我重新编写了问题
var result
给您带来了什么?您好@Handonam,这是示例“result”:[{“Id”:“43”,“Product Name”:“rutch”,“Unit”:“Test”,“Rate(php)”:“600.00”,“Quantity”:“5.00”,“Sub Total(php)”:“3000.00”}]如果这是我试图发送的结果数据,包含[{“Id”:“41”,“Product Name”:“Sunflower”,“Unit”:“test”,“Rate(PHP)”:“550.25”,“Quantity”:“5.00”,“Sub-Total(PHP)”:“2751.25”}],我应该如何在ajax调用中显示“result”变量?
    **Orders.php:**

    function convertToJson()
    {
        var tableData = $('#productOrder').tableToJSON({
            ignoreColumns: [0]
        }); 
        var result = JSON.stringify(tableData)
        $.ajax({
            url: "http://localhost/app/temp.php",
            data: {result},

            type: "POST",
        })
          .done(function( json ) {
                document.getElementById('testDiv').innerHTML = result;
          })

          .fail(function( xhr, status, errorThrown ) {
            alert( "Sorry, there was a problem!" );
            alert( "Error: " + errorThrown );
            alert( "Status: " + status );
            alert( xhr );
          })

          .always(function( xhr, status ) {
            alert( "The request is complete!", status );
          });           
    }

   **This is the content of "temp.php"**
   <?php
   $Id = json_decode($_POST['Id']);
   $Name = json_decode($_POST['Product Name']);
   $Unit = json_decode($_POST['Unit']);

   echo "<h1>$Id</h1>";
   ?>

   **This is the json data (var result) that is being sent by ajax**


   [{"Id":"43","Product Name":"Orchid","Unit":"Test","Rate(PHP)":"600.00","Quantity":"5.00","Sub-Total (PHP)":"3,000.00"}]
data: {result},
$_POST['Id']
$_POST['Product Name']