javascript - Jquery + Ajax，Params有数据但响应说没有数据

Question

我有以下脚本:

$("#spid").blur(function() {
    $.ajax({
       url: 'getsponsor.php',
       type: "POST",
       dataType:'json',
       data: ({ spid: $("#spid").val() }) ,
       contentType: 'application/json; charset=utf-8',
       success: function (result) {
           $("#sponname").text(result);
       },
       error: function () {
           $("#sponname").text("Cannot fetch the sponsor name.");
       }
   }); 
});

Note: #sponname is a label tag.

以下是getsponsor.php的php代码:

if(!isset($_POST['spid']) || empty($_POST['spid']))
    echo json_encode("No Data");
else {
    $spid=$_POST['spid'];
    $stmt = $con->prepare("SELECT name FROM users WHERE id=?");
    $stmt->bind_param("s",$spid);
    $stmt->execute();
    $stmt = $stmt->get_result();
    if ($stmt->num_rows >0) {
        $row = $stmt->fetch_object();
        echo json_encode($row->name);
    }
    else {
        echo json_encode("No Records");
    }
}

当我检查页面并转到网络->参数时，我从文本框中获得了正确的值:

spid=1125468

但是，当我转到网络->响应时，我收到以下消息

"No Data"

请告诉我我做错了什么？

Answer 1

去掉这一行:

contentType: 'application/json; charset=utf-8',

数据以 URL 编码形式发送，而不是以 JSON 形式发送。 jQuery 将自行发送正确的 Content-type header 。