jQuery:在jquery ajax json调用中返回字符串响应

Question

我GenericHandler.ashx.cs使用jquery ajax请求和json作为数据类型将json数据传递给我的通用处理程序页面.

在我的处理程序代码中,我想以字符串格式返回html表.这是我的处理程序代码的快照

context.Response.ContentType = "text/plain";      
context.Response.Write(sResponse);

其中sResponse包含 <table><tr><td>PropertyName</td><td>PropertyID</td></tr><tr><td>abc</td><td>1</td></tr></table>

我的jquery代码(检查错误函数中的内联注释):

  id = { 'PropertyID': id };
    $.ajax("Handlers/GenericHandler.ashx?Type=getProperties",
    {
        type: 'post',
        dataType: 'json',
        cache: false,
        contentType: "application/json",
        data: JSON.stringify(id),
        success: function (data) {
            console.log(data);            
        },
        error: function (xhr, status) {
            console.log(status); // Output as parseError
            console.log(xhr.responseText); // My sResponse string ! But Why Here ?
        }
    });

我的问题 :

1. 为什么我没有得到成功功能的回应
2. 这是正确的方法吗？或者我应该将html表转换为json对象然后返回它.并再次以表格格式显示它？

Answer 1

从这里的 jQuery文档中,您可以看到该dataType参数是AJAX期望作为服务器响应的内容.该contentType参数是您对服务器的请求中的标头中放置的参数,以便服务器知道如何读取请求.

因此,您应该将您更改dataType为"文本",如:

$.ajax("Handlers/GenericHandler.ashx?Type=getProperties",
{
    type: 'post',
    cache: false,
    dataType: 'text',
    contentType: "application/json",
    data: JSON.stringify(id),
    success: function (data) {
        console.log(data);            
    },
    error: function (xhr, status) {
        console.log(status);
        console.log(xhr.responseText); 
    }
});

我发现这在警告数据库上成功的INSERT或UPDATE调用时很有用.为这样的任务创建和返回JSON对象是无关紧要的.