发送AJAX、PHP查询并返回JSON，AJAX不理解“dataType:'JSON”

Question

我是新来的，jQuery开发，我有一个问题，为什么我不能使用dataType：'json'也不$. parseJSON来处理从PHP到AJAX（jQuery）的返回查询。

读者js

$(function(){

    //Modal form which encapsulates the loading of information occurs
var modal = $('.modal');
    //Encapsulates the existing list or the list elements, each element has an "edit" button
var lista = $('.lista');

lista.on('click','.actionedit',function(){
    var id = $(this).attr('href');
    var li = lista.find('li[class*="j_'+id+'"]');

    $.ajax({
        url:            'php/controller.php',
        data:           'acao=consulta&editid='+id,
        type:           'POST',
        //contentType:    'application/json; charset=utf-8;',
        dataType:       "json",
        error:          function (xhr, ajaxOptions, thrownError) {
                            alert('Erro: "'+ xhr.status + '"\nMensagem: " ' + thrownError +'"');
                        },
        beforeSend:     function(){ 
                            li.css("background","#0F6") },
        success:        function( carga ){

                                //alert( carga );
                            alert( carga.nome );

                            //modal.fadeIn("slow");
                            //modal.find('form span[class="filebar"]').text(carga.file);
                            //modal.find('form input[name="titulo"]').val(carga.title);
                            //modal.find('form textarea').append(carga.description;
                        },
        complete:       function(){ loader.fadeOut("slow"); },
    });

    return false;
});
});

控制器。php

<?php
require_once("conexao.php");

switch($_POST['acao']){

case 'consulta':
    //Validates query, that returns a json string...
    $editid = $_POST['editid'];
    $qr = "SELECT * FROM mod6_uploads WHERE id = '$editid'";
    $ex = mysql_query($qr);
    $st = mysql_fetch_array($ex);

    //Return array in json format string for testing...
    $u['file'] = 'File';
    $u['title'] = 'File title';
    $u['description'] = 'File Description';

    echo json_encode($u);

break;
default:
    echo 'Error querying';

}

因此，警报会向我返回以下消息：

Error: "200"
Message: "SyntaxError: JSON.parse: unexpected character"

如果我注释数据类型：“json”，它将返回以下警告：未定义

如果我将警报更改为警报（carga.nome）到警报（加载），它会返回以下内容：

{"name": "File", "title": "File Title", "description": "File Description"}

另外，正如我前面所说的，如果我使用$。ParseJSON或JSON. parse没有任何返回，或错误或成功。

有人遇到过这样的事情吗？如果有人能帮助我，我将非常感激！

Answer 1

如果使用dataType:'json'，success回调将仅在服务器响应是有效的json时触发。因此，如果触发了error回调，您的响应将“填充”额外的数据，从而使JSON无效。在这种情况下，尝试注释数据类型：'json'，并在成功回调中写入：

alert(carga)

或

console.log(carga)

这将输出服务器响应，您将能够看到它有什么问题。

此外，如果您决定使用JSON，请尝试在该文件中的任何地方使用JSON，并避免使用此类代码：

echo 'Error querying';

否则你可能会得到意想不到的结果

Answer 2

我想换一行：

data:  'acao=consulta&editid='+id,

据此：

data:  {acao: 'consulta', editid: id},

由于您的id来自href，因此最好是自动转义。

另外，代替这个：

echo 'Error querying';

比如：

echo json_encode(array('Error querying'));

因此它不会给出JSON解析错误（返回为错误的javascript数组）。

另外，确保您的mod6_uploads表有一个nome字段。

我看其余的都很好。

干杯

PS：我建议您使用开发工具进行调试。一个非常简单的方法是chrome，只需按F12，单击网络选项卡，然后运行ajax请求。