Javascript AJAX:如何在另一个页面上显示数据
我有以下功能。单击按钮时,将执行以下功能。该函数基本上通过Ajax将json数据发送到页面“temp.php” 我认为发送数据是成功的。我的主要问题是打印/显示ajax发送到“temp.php”页面的数据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:“
**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']