2011-09-30 6 views
25

Non ho ben capito come utilizzare il callback per la funzione ajax di JQuery.Funzione di callback per JSONP con JQuery ajax

ho il seguente codice in JavaScript:

try { 
     $.ajax({ 
      url: 'http://url.of.my.server/submit?callback=?', 
      cache: false, 
      type: 'POST', 
      data: $("#survey").serialize(), 
      dataType: "jsonp", 
      timeout: 200, 
      crossDomain: true, 
      jsonp: 'jsonp_callback', 
      success: function (data, status) { 
       mySurvey.closePopup(); 
      }, 
      error: function (xOptions, textStatus) { 
       mySurvey.closePopup(); 
      } 
     }); 
    } catch (err) { 
     mySurvey.closePopup(); 
    } 

E sul lato server (AppEngine/Python) ottengo il valore del parametro di callback e rispondere con

self.response.headers['Content-Type'] = 'application/json; charset=utf-8' 
    self.response.out.write(callback + '({"msg": "ok"});') 

Ma poi Ottengo un "Error: jQuery152042227689944248825_1317400799214 is not a function" nel browser.

Qual è il modo corretto di gestirlo? In questo momento ottengo i risultati di cui ho bisogno, ma il fatto che io sappia che non è giusto mi dà fastidio.

+0

Credo che il parametro POST viene ignorato. Come so, JSONP può solo effettuare richieste GET perché ciò che effettivamente fa è creare un tag

12

eliminare questa linea:

jsonp: 'jsonp_callback', 

O sostituire questa linea:

url: 'http://url.of.my.server/submit?callback=json_callback', 

perché al momento si sta chiedendo jQuery per creare un callback nome funzione random con callback=? e poi dire jQuery che si desidera utilizzare invece jsonp_callback.

8
$.ajax({ 
     url: 'http://url.of.my.server/submit', 
     dataType: "jsonp", 
     jsonp: 'callback', 
     jsonpCallback: 'jsonp_callback' 
    }); 

jsonp è il nome del parametro querystring che è definito per essere accettabile dal server mentre il jsonpCallback è il nome della funzione javascript per essere eseguito al cliente.
Quando si utilizza tale url:

url: 'http://url.of.my.server/submit?callback=?' 

il punto di domanda? alla fine istruisce jQuery a generare una funzione casuale mentre il comportamento predeterminato della funzione autogenerata invocherà semplicemente il callback - la funzione di successo in questo caso - passando i dati JSON come parametro.

$.ajax({ 
     url: 'http://url.of.my.server/submit?callback=?', 
     success: function (data, status) { 
      mySurvey.closePopup(); 
     }, 
     error: function (xOptions, textStatus) { 
      mySurvey.closePopup(); 
     } 
    }); 


Lo stesso vale qui se si utilizza $ GetJSON con? segnaposto verrà generato un funzione random mentre il comportamento predfined della funzione generato automaticamente sarà solo richiamare il callback:

$.getJSON('http://url.of.my.server/submit?callback=?',function(data){ 
//process data here 
}); 
+0

"la funzione generata automaticamente richiamerà solo la richiamata", Grazie! – Eddy