我目前有一个代码片段,我想用它来获取Ajax调用并从我的PHP文件中返回JSON数据,我可以在jQuery端随心所欲地使用它。我的问题是,如果我将数据类型更改为 JSON,我总是在请求上收到错误,但是当我在 Firebug 中检查它时,我可以看到 PHP 文件刚刚返回了 JSON 值!
这是 HTML:
<form id="formm" method="post">
<input type="text" name="test" value="" id="test"/>
<input type="submit" name="submit" value="Submit"/>
</form>
<div id="result"></div>
这是JS:
$("#formm").submit(function(event) {
/* Stop form from submitting normally */
event.preventDefault();
/* Clear result div*/
$("#result").html('');
/* Get some values from elements on the page: */
var values = $(this).serialize();
/* Send the data using post and put the results in a div */
$.ajax({
url: "functions.php",
type: "post",
dataType: "json",
data: values,
success: function(data) {
alert(data);
},
error:function(){
alert("failure");
$("#result").html('There is error while submit');
}
});
});
PHP文件:
echo json_encode(array('returned_val' => $_POST['test']));
当我用Firebug检查时,我得到:returned_val"我在文本框中键入的任何内容"。谁能告诉我可能有什么问题?
更新:
响应标头:
Accept application/json, text/javascript, */*; q=0.01
Accept-Encoding gzip, deflate
Accept-Language ***
Content-Length 5
Content-Type application/json; charset=utf-8
Host localhost
Referer http://localhost/test/
User-Agent Mozilla/5.0 (Windows NT 6.1; WOW64; rv:24.0) Gecko/20100101 Firefox/24.0
X-Requested-With XMLHttpRequest
当我将错误放入控制台时,我得到这个:
发生以下错误:解析器错误语法错误:JSON.parse: 意想不到的角色
JSON
数据以严格的方式解析;任何格式错误的 JSON 都将被拒绝,并引发解析错误。从 jQuery 1.9 开始,空响应也被拒绝;服务器应返回 null 或 {} 的响应
这是文档 http://api.jquery.com/jQuery.ajax/
因此,请检查来自 PHP 的 JSON 响应(JSON 数据是否格式正确且非空)