Wie Code in Ajax ohne xhr schreiben

Question

Ich habe einen Code wie folgt vor:

<script> 

function() 
{ 

//*code* 
fxajax.sendData 
({ 
    url:"", 
    data:{}, 
    success:function(){}, 
    error:function(){} 

}); 
} 

</script> 

Aber mein Manager will, dass ich meinen Code innerhalb der Ajax setzen, damit ich es in beforeSend setzen

<script> 

function() 
{ 

fxajax.sendData 
({ 
    beforeSend: function() 
       {/*code*/} 
    url:"", 
    data:{}, 
    success:function(){}, 
    error:function(){} 

}); 
} 

</script> 

Mein Problem ist vorSenden wird nicht ausgeführt, aber URL, Daten, Erfolg und Fehler funktioniert gut. Dann denke ich vielleicht, weil ich keine XHR-Anfrage habe.

Irgendeine Idee, wie ich diesen Code implementieren sollte?

Answer 1

Hier ist eine einfache Art und Weise

$(document).ready(function(){ 
// set a 1 second to fire ajax request 
setTimeout(function() { 
    // url of the image 
    var url = 'https://upload.wikimedia.org/wikipedia/commons/0/02/SVG_logo.svg'; 

    $.ajax({ 
     url : '', // url request 
     type : "GET", // type of request, 
     beforeSend : function() { 
     var i = new Image(); 
      i.src = url; 
      i.onload = function() { 
      // change it to div 
      $('div').append(i); 
      } 

      console.log("ajax is firing"); 
     }, 
     success: function() { 

     }, 
     error : function (xhr, txtstatus, text) { 
     console.log(txtstatus); 
     console.log('error'); 
     // any error from request 
     } 
    }); 
    }, 1000); 
}); 

Hier ist ein einfaches DEMO