jQuery.ajax() parsererror

lorsque j'essaie d'obtenir le JSON de http://api-v3.deezer.com/1.0/search/album/?q=beethoven&index=2&nb_items=2&sortie=json avec:

(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);
    }
});

J'obtiens: parsererror; 200; undefined; jquery162******************** was not called

mais avec le JSON de http://search.twitter.com/search.json?q=beethoven&callback=?&count=5 fonctionne très bien.
Les deux sont JSON valide formats. Alors, quelle est cette erreur?

[Mise à JOUR]

@3ngima, j'ai mis en œuvre cette asp.net il fonctionne très bien:

$.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; }
}
InformationsquelleAutor Stack Stack | 2011-07-10
  1. 34

    C'est parce que vous avez dit jQuery que vous attendez de la JSON-P, pas JSON, le dos. Mais le retour est JSON. JSON-P est horriblement mal nommé, nommé d'une manière qui ne provoque pas la fin de la confusion. C'est un convention pour transmettre des données à une fonction via un script tag. En revanche, JSON est un format de données.

    Exemple JSON:

    {"foo": "bar"}

    Exemple de JSON-P:

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

    JSON-P fonctionne parce que JSON est un sous-ensemble de JavaScript littérale de la notation. JSON-P n'est rien de plus qu'une promesse que si vous dites que le service que vous avez demandé que le nom de la fonction de retour d'appel (généralement en mettant un callback paramètre dans la requête), la réponse doit être dans la forme de functionname(data), où data sera "JSON" (ou plus généralement, un JavaScript littérale, qui peut ne pas être le assez la même chose). Vous êtes censé utiliser un JSON-P de l'URL dans une script de la balise src (jQuery qui le fait pour vous), pour contourner la Même La Politique De L'Origine qui empêche les requêtes ajax à partir de la demande de données d'origines autres que le document qu'ils proviennent (sauf si le serveur prend en charge De la SCRO et votre navigateur n'ainsi).

    • Btw, il semble que cette API n'a pas de support de JSON-P (je n'ai trouvé ceci: deezer.com/en/developers/simpleapi).
    • Oh, je vois. hmmm, si je mets le type de données en json il doenst trop de travail.
    • Il ne serait pas le faire, sauf si la page que vous avez demandé est sur api-v3.deezer.com, en raison de la SOP (voir le lien dans la réponse).
    • Oh, je vois. Je comprends maintenant. Je vous remercie.
    InformationsquelleAutor T.J. Crowder
  2. 0

    dans le cas où le serveur ne prend pas en charge la cross domain demande, vous pouvez:

    1. créer un serveur proxy côté
    2. faire une requête ajax à votre mandataire, qui à son tour permettra d'obtenir json du service, et
    3. retour de la réponse, et puis vous pouvez le manipuler ...

    en php, vous pouvez le faire comme ceci

    proxy.php contient le code suivant

    <?php

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

?>

    et vous ne la requête ajax pour vous proxy comme ce

    <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>

    essayé et testé, je reçois la réponse json de retour...

    InformationsquelleAutor Rafay
  3. 0

    Enfin j'ai trouvé la solution. Tout d'abord, la webmethods dans un service web ou une page ne fonctionne pas pour moi, elle renvoie toujours xml, en local fonctionne très bien mais dans un fournisseur de service comme godaddy il ne le fait pas.

    Ma solution a été de créer un .ahsx, un gestionnaire de .net et envelopper le contenu avec jquery fonction de callback qui passent le jsonp, et il fonctionne .

    [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;
}
}

    Et voici l'appel à 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);
}
});
});

    et fonctionne parfaitement

    Gabriel

    InformationsquelleAutor gabriel