嗨,我是ajax的新手,我正在尝试将Json传递给数据库,但是我还没有那么远。目前,我正在尝试验证所传递的数据是否已成功完成。但是,我总是陷入ajax错误方法。我将上传代码,数据外观以及错误。
感谢您的帮助!
<script>
function updateTable()
{
alert("Do i try to update table?");
document.getElementById("testLand").innerHTML = "Post Json";
//echo new table values for ID = x
}
function popupClick (){
var popupObj = {};
popupObj["Verified_By"] = $('#popupVBy').val();
popupObj["Date_Verified"] = $('#popupDV').val();
popupObj["Comments"] = $('#popupC').val();
popupObj["Notes"] = $('#popupN').val();
var popupString = JSON.stringify(popupObj);
alert(popupString);
$.ajax({
type: "POST",
dataType: "json",
url: "popupAjax.php",
data: popupObj,
cache: false,
success: function(data)
{
alert("Success");
updateTable();
},
error: function(data)
{
alert("there was an error in the ajax");
alert(JSON.stringify(data));
}
});
}
</script>
var popupString中显示的JSON正在传递:
错误:
popupAjax.php文件(警告它是有害的)
<?php
echo "Testing tests are testy";
?>
最佳答案
您将dataType
指定为json。但这是返回的数据类型,而不是您要发送的数据类型。
您将返回html /文本,因此只需删除dataType
行:
type: "POST",
url: "popupAjax.php",
如果确实要返回json,则需要在服务器端构建数据结构,并在最后发送它。在您的测试用例中,它将是:
echo json_encode("Testing tests are testy");
但是您也可以发送嵌套的对象或数组。
另外要注意的是,您可以在表单上使用
.serialize()
(如果使用表单...),以便jQuery自动构建一个可以在ajax方法中发送的对象。然后,您不必手动执行此操作。