Vereinfachen Sie meine jQuery xajaxähnliche Funktion
-
06-07-2019 - |
Frage
Grundsätzlich habe ich versucht, eines der Dinge zu replizieren, die Xajax mir mit JQuery gegeben hat -> die Möglichkeit zu definieren, was meine Antwort serverseitig modifiziert, ohne etwas Client -Seite einzurichten. Funktioniert perfekt so wie es ist, aber jedes Mal, wenn ich eine andere JQuery -Funktion aufrufen möchte, muss ich sie zu meinem If -Anweisungen hinzufügen.
Jedes Element im Antwortarray enthält etwas, das die Clientseite geändert werden kann.
Ich sollte in der Lage sein, fast alle diese zu entfernen. Action == 'bla' if Aussagen und durch ein cleveres JavaScript ersetzen, aber anscheinend bin ich nicht klug genug. :)
$ .showMessage ist einfach mein Ersatz für Alarm, mit einem Zeitübergang und einem klebrigen Stück.
Mein Client JQuery -Funktion:
$.doAjax = function(func,values) {
$.ajax({ data: values, url: '/time/ajax/' + func, type: 'POST', dataType: 'json', timeout: 5000,
error: function(xhr, ajaxOptions,thrownError){ $.showMessage('Error processing request: ' + func,10000);$('#debug').html(xhr.responseText); },
success: function(data){
if(data){
$.each(data, function(){
if ( this.action == 'attr' ) $(this.target).attr(this.content);
if ( this.action == 'removeAttr' ) $(this.target).removeAttr(this.content);
if ( this.action == 'addClass' ) $(this.target).addClass(this.content);
if ( this.action == 'removeClass' ) $(this.target).removeClass(this.content);
if ( this.action == 'html' ) $(this.target).html(this.content);
if ( this.action == 'text' ) $(this.target).text(this.content);
if ( this.action == 'val' ) $(this.target).val(this.content);
if ( this.action == 'eval' ) {
try {
eval(this.content);
}
catch(err) {
$.showMessage(err,5000);
};
};
});
}
}
});
return this;
};
Mein Server -Seitencode:
header("Content-type: text/plain");
$response = array();
$response[] = array('action'=>'html','target'=>'#booked_time_group_unbilled','content'=>get_booked_time_group_unbilled());
$response[] = array('action'=>'html','target'=>'#booked_time_my_unbilled','content'=>get_booked_time_my_unbilled());
$response[] = array('action'=>'eval','target'=>'','content'=>"$.showMessage('The selected time has been deleted',5000,true)");
echo json_encode($response);
Lösung
Das sollte funktionieren:
$(this.target)[this.action](this.content);
Andere Tipps
Ich bin mir nicht ganz sicher, was Sie fragen? Stylistisch würde ich es so schreiben:
var handlers = {
attr: function() { $(this.target).attr(this.content) },
removeAttr: function() { $(this.target).removeAttr(this.content) },
// etc.
};
$.each(data,function() {
handlers[this.action].call(this);
});
Wenn Sie nur ausführen möchten, was der Server zurücksendet, senden Sie nicht immer eine EV -Aktion zurück?