AJAX/Prototyp Reset Call

Question

Ich habe eine AJAX/Prototyp-Frage. Ich habe ein derzeit AJAX-Aufruf inline platziert, in dem Onclick (i verspreche, dass ich es dort :) Ereignis aus bewegen werden, wie folgt aussehen:

onclick="var pn = $('yards').value; $('inventory').update('Working...'); 
new Ajax.Updater('inventory','ajax.php?ac=checkInventory&productID='.$someproductid.'&yards='+pn,{method:'get', evalScripts: true, asynchronous: true, onComplete:function(tr){$('inventory').update(tr.responseText);}});" 

Datei namens ajax.php dann bekommt die Daten von $ _GET [], zeigt ein kleines Texteingabefeld an. Nach dem Ausfüllen und Klicken auf eine Absenden-Schaltfläche ruft es eine Funktion auf, die die relevanten Daten aus der Datei liest und ein Ergebnis auf dem Bildschirm ausgibt. Der Zweck all dieses Codes ist die Inventarprüfung.

Also, wenn ein Benutzer klickt auf die Schaltfläche "Inventar bekommen" mit dem onclick wie oben definiert, alles funktioniert gut, der Benutzer füllt die Yardage, das richtige Ergebnis erscheint, alle glücklich. Aber was es weniger nützlich macht, ist die Tatsache, dass, wenn ein Benutzer eine andere Inventarüberprüfung machen möchte, die gesamte Seite aktualisiert werden muss. Wenn dies nicht der Fall ist, erhält der Benutzer beim Klicken auf die Schaltfläche "Inventar abrufen" erneut das gleiche Ergebnis der letzten Überprüfung, nicht das Texteingabefeld.

Also, meine Frage ist, wie mache ich das nach einer Inventarprüfung, die ganze Sache setzt sich selbst zurück, so dass das nächste Mal ein Benutzer auf "Inventar bekommen" -Knopf klickt, wird er angeboten, die zu füllen Text Eingabefeld erneut, und damit das neue Ergebnis erhalten.

Es tut mir leid, wenn ich mich nicht klar genug gemacht habe. Ich bin sehr neu in AJAX und Prototyp, und das ist die Arbeit meines Kollegen, die ich beenden muss ... Danke!

Answer 1

Ah ich sehe,

Ich glaube nicht Ajax.Updater wie das funktioniert; haben einen Blick auf die doc: http://www.prototypejs.org/api/ajax/updater

new Ajax.Updater({ success: 'items', failure: 'notice' }, '/items', { 
    parameters: { text: $F('text') }, 
    insertion: Insertion.Bottom 
}); 

var pn = $('yards').value; 
    $('inventory').update('Working...'); 
    new Ajax.Updater('inventory','/ajax.php 
,{ 
    parameters: { ac: 'checkInventory' 
        , productId: /*put productId here*/ 
        , yards:/*put yards here too*/ 
       } 
, method:'get' 
, evalScripts: true 
, asynchronous: true 
, onSuccess: function(tr){ 
      //try an alert(tr.repsonseText); just to see what you get back 
      $('inventory').update(tr.responseText); 
      } 
}); 

Dinge zu versuchen:

• Deaktivieren Sie das Texteingabefeld vor Ihrer repopulate es, wenn die onComplete Ereignis ausgelöst wird in Ihrem Ajax.Updater Anruf.

• Alarmieren Sie die Antwort, um sicherzustellen, dass Sie eine andere Antwort vom Server erhalten.

  * Verwenden Sie Fiddler Ihre Weitergabe in einer anderen productId stellen Sie sicher,

• ändern onComplete zu onSuccess

Hope this

Answer 2

hilft Da Sie den Code, um aus der versprochen haben die onclick Handler tun:

var inv = $('inventory'); 

inv.update('Working...'); 

new Ajax.Request('ajax.php', { 
    method:'get', 
    parameters:{ 
     ac:'checkInventory', 
     yards:$('yards').value 
    }, 
    onSuccess: function(response) 
     { 
      inv.update(response.responseText); 
     } 
});