使用ajax的Javascript回调函数

前端之家收集整理的这篇文章主要介绍了使用ajax的Javascript回调函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在编写一个通用函数,它将在我的脚本中的多个位置重用.

函数使用ajax(使用jQuery库),所以我想以某种方式将一个函数(或代码行)传入此函数,以便在ajax完成时执行.
我认为这需要一个回调函数,但在阅读了几个回调的答案后,我仍然对我将如何实现我的情况感到困惑.

我目前的职能是:

  1. function getNewENumber(parentENumber){
  2.  
  3. $.ajax({
  4. type: "POST",url: "get_new_e_number.PHP",data: {project_number: projectNumber,parent_number: parentENumber},success: function(returnValue){
  5. console.log(returnValue);
  6. return returnValue; //with return value excecute code
  7.  
  8. },error: function(request,error) {
  9. alert('An error occurred attempting to get new e-number');
  10. // console.log(request,error);
  11. }
  12. });
  13. }

使用此函数,我希望能够以与其他jQuery函数相同的方式执行某些操作,即;

  1. var parentENumber = E1-3;
  2.  
  3. getNewENumber(parentENumber,function(){
  4. alert(//the number that is returned by getNewENumber);
  5. });
只需给getNewENumber函数另一个参数,然后使用它作为回调.
  1. // receive a function -----------------v
  2. function getNewENumber( parentENumber,cb_func ){
  3.  
  4. $.ajax({
  5. type: "POST",// ------v-------use it as the callback function
  6. success: cb_func,error) {
  7. alert('An error occurred attempting to get new e-number');
  8. // console.log(request,error);
  9. }
  10. });
  11. }
  12.  
  13. var parentENumber = E1-3;
  14.  
  15. getNewENumber(parentENumber,function( returnValue ){
  16. alert( returnValue );
  17. });

猜你在找的Ajax相关文章