jQuery.ajax() parsererror

当我尝试从http://api-v3.deezer.com/1.0/search/album/?q=beethoven&index=2&nb_items=2&output=json获取JSON时:

(jQuery 1.6.2)
$.ajax({
    type: "GET",
    url: url,
    dataType: "jsonp",
    success: function (result) {
        alert("SUCCESS!!!");
    },
    error: function (xhr, ajaxOptions, thrownError) {
        alert(xhr.statusText);
        alert(xhr.responseText);
        alert(xhr.status);
        alert(thrownError);
    }
});

我得到:parsererror; 200; undefined; jquery162******************** was not called

，但与JSON从http://search.twitter.com/search.json?q=beethoven&callback=?&count=5工作良好。两者都是有效的JSON格式。那么这个错误是关于什么的呢?

(更新)

@3ngima，我已经在asp.net中实现了这个，它工作得很好:

$.ajax({
    type: "POST",
    url: "WebService.asmx/GetTestData",
    data: "{}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (result) {
        alert(result.d);
    }
});

WebService.asmx:

[WebMethod]
public string GetTestData()
{
    try
    {
        var req = System.Net.HttpWebRequest.Create("http://api-v3.deezer.com/1.0/search/album/?q=beethoven&index=2&nb_items=2&output=json");
        using (var resp = req.GetResponse())
        using (var stream = resp.GetResponseStream())
        using (var reader = new System.IO.StreamReader(stream))
        return reader.ReadToEnd();
    }
    catch (Exception) { return null; }
}

这是因为您告诉jQuery您希望返回JSON- p，而不是JSON。但是返回值是JSON。JSON-P是一个可怕的错误命名，其命名方式会导致无尽的混乱。这是一个约定，用于通过script标记向函数传递数据。相反，JSON是一种数据格式。

JSON示例:

{"foo": "bar"}

JSON-P:

示例

yourCallback({"foo": "bar"});

JSON- p工作是因为JSON是JavaScript文字表示法的一个子集。JSON- p只不过是一个承诺，如果你告诉服务你正在调用什么函数名回调(通常通过在请求中放置一个callback参数)，响应将以functionname(data)的形式，其中data将是"JSON"(或者更通常，一个JavaScript文字，这可能不是完全相同的东西)。您应该在script标签的src中使用JSON-P URL(这是jQuery为您做的)，以绕过同源策略，该策略阻止ajax请求从它们所发起的文档以外的来源请求数据(除非服务器支持CORS并且您的浏览器也支持)。

如果服务器不支持cross domain请求，您可以:

创建服务器端代理
向代理发送ajax请求，代理将从服务中获取json
返回响应，然后你可以操作它…

PHP中的

可以这样写

proxy.php包含以下代码

<?php
if(isset($_POST['geturl']) and !empty($_POST['geturl'])) {
$data = file_get_contents($_POST['geturl']);
print $data;
}
?>

然后像这样向代理发送ajax请求

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
alert("abt to do ajax");
$.ajax({
url:'proxy.php',
type:"POST",
data:{geturl:'http://api-v3.deezer.com/1.0/search/album/?q=beethoven&index=2&nb_items=2&output=json'},
success:function(data){
alert("success");
alert(data);
}    
});    
});   
});
</script>

我终于找到解决办法了。首先，webservice或页面中的webmethods不适合我，它总是返回xml，在本地工作得很好，但在像godaddy这样的服务提供商中却没有。

我的解决方案是创建一个.ahsx，一个处理程序在。net和包装的内容与jquery回调函数传递jsonp，它的工作。

[System.Web.Script.Services.ScriptService]
public class HandlerExterno : IHttpHandler
{
    string respuesta = string.Empty;
    public void ProcessRequest ( HttpContext context )
    {

       string  calls=  context.Request.QueryString["callback"].ToString();
         respuesta = ObtenerRespuesta();
        context.Response.ContentType = "application/json; charset=utf-8";
        context.Response.Write( calls +"("+    respuesta +")");
    }
    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
    [System.Web.Services.WebMethod]
    private string ObtenerRespuesta ()
    {

        System.Web.Script.Serialization.JavaScriptSerializer j = new System.Web.Script.Serialization.JavaScriptSerializer();

        Employee[] e = new Employee[2];
        e[0] = new Employee();
        e[0].Name = "Ajay Singh";
        e[0].Company = "Birlasoft Ltd.";
        e[0].Address = "LosAngeles California";
        e[0].Phone = "1204675";
        e[0].Country = "US";
        e[1] = new Employee();
        e[1].Name = "Ajay Singh";
        e[1].Company = "Birlasoft Ltd.";
        e[1].Address = "D-195 Sector Noida";
        e[1].Phone = "1204675";
        e[1].Country = "India";
        respuesta = j.Serialize(e).ToString();
        return respuesta;
    }
}//class
public class Employee
{
    public string Name
    {
        get;
        set;
    }
    public string Company
    {
        get;
        set;
    }
    public string Address
    {
        get;
        set;
    }
    public string Phone
    {
        get;
        set;
    }
    public string Country
    {
        get;
        set;
    }
}

下面是jquery的调用:

$(document).ready(function () {
    $.ajax({
        // url: "http://www.wookmark.com/api/json",
        url: 'http://www.gjgsoftware.com/handlerexterno.ashx',
        dataType: "jsonp",

        success: function (data) {
            alert(data[0].Name);
        },
        error: function (data, status, errorThrown) {
            $('p').html(status + ">>  " + errorThrown);
        }
    });
});

和工作完美

Gabriel

相关内容

最新更新

热门标签：