SPG*_*SPG 9 javascript php ajax jquery json
我有一个HTML表单,并在点击提交按钮时将数据发送到php文件.
$.ajax({
url: "text.php",
type: "POST",
data: {
amount: amount,
firstName: firstName,
lastName: lastName,
email: email
},
dataType: "JSON",
success: function (data) {
console.log("ok");
$("#result").text(data);
}
});
在PHP中:
<?php
$amount = $_POST["amount"];
$firstName = $_POST["firstName"];
$lastName = $_POST["lastName"];
$email = $_POST["email"];
if(isset($amount)){
$data = array(
"amount" => $amount,
"firstName" => $firstName,
"lastName" => $lastName,
"email" => $email
);
echo json_encode($data);
}
?>
结果是[对象对象].我想要一个类似的类型:
{"Amount":"12.34", "FirstName":"Any", "LastName":"Tester", "Email":"a.test@something.com"}
我做错了什么？
Jen*_*ohn 20
JSON.stringify的代码示例:
<html>
<head>
<title>jQuery Test</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#submit").click(function(){
$.ajax({
url: "text.php",
type: "POST",
data: {
amount: $("#amount").val(),
firstName: $("#firstName").val(),
lastName: $("#lastName").val(),
email: $("#email").val()
},
dataType: "JSON",
success: function (jsonStr) {
$("#result").text(JSON.stringify(jsonStr));
}
});
});
});
</script>
</head>
<body>
<div id="result"></div>
<form name="contact" id="contact" method="post">
Amount: <input type="text" name="amount" id="amount"/><br/>
firstName: <input type="text" name="firstName" id="firstName"/><br/>
lastName: <input type="text" name="lastName" id="lastName"/><br/>
email: <input type="text" name="email" id="email"/><br/>
<input type="button" value="Get It!" name="submit" id="submit"/>
</form>
</body>
</html>
<?php
$amount = $_POST["amount"];
$firstName = $_POST["firstName"];
$lastName = $_POST["lastName"];
$email = $_POST["email"];
if(isset($amount)){
$data = array(
"amount" => $amount,
"firstName" => $firstName,
"lastName" => $lastName,
"email" => $email
);
echo json_encode($data);
}
?>
您的对象很可能已正确传递。这是您捕获返回结果的方式，[object object]正如 @Spudley 所解释的那样。控制台不知道如何显示构造，但您可以使用object.attribute语法显示特定属性。在 JS 端使用console.log()或使用下面的代码来美化输出。
// Indent with tabs
// Data is the parameter sent to the success function in the ajax handler
JSON.stringify( data , null, '\t');
来自如何在 (unix) shell 脚本中漂亮地打印 JSON？
dataType如果您感觉某处存在错误，也可以暂时删除ajax 处理程序。让输出显示在 GET 请求上应该可以。对于任何修改数据库删除或更改等内容的操作，将其更改回 POST。
最后，修改标头，如 @GroovyCarrot 的答案所示。如果您使用 Chrome，额外的空格似乎是一个错误：Tab 和 prewrapped around JSON output in Chrome