如何在数据之前执行jQuery回调?

时间:2010-08-27 17:14:33

标签: jquery ajax jquery-callback

我有一个简单的帖子,它执行以脚本形式返回的数据:

$.post("/home", { foo: 'bar' }, function(){
    //callback function
}, "script");

以下是发生的事情:

  1. 请求已发送
  2. 一段JS代码作为一个返回 回应并执行
  3. 执行回调
  4. 我需要在执行返回的JS之前执行回调。 有没有办法实现这个目标?

    谢谢!

4 个答案:

答案 0 :(得分:3)

您无法更改jQuery处理请求的方式。毕竟,回调是一个回调,它会在作业完成后执行!但是,您可以将dataType设置为"text",然后评估您的Javascript。

例如:

$.post("/home", { foo: 'bar' }, function(data){
   //callback function

   // execute JS
   $.globalEval( data );
}, "text");

** 更新 **

这是jQuery在内部执行的操作(剪切):

// If the type is "script", eval it in global context
} else if ( type === "script" || !type && ct.indexOf("javascript") >= 0 ) {
   jQuery.globalEval( data );
}

因此,将globalEval从Ajax请求中取出并在回调函数中执行它不存在安全风险。

答案 1 :(得分:1)

使用$.ajax()并构建您自己的脚本标记。

$.ajax({url:"/home",
        data: { foo: 'bar' },
        type: "POST",
        dataType: 'text',     // Return dataType is "text" instead of "script"
        success: function( script ){
           // run your code
           alert('mycode');
           // then create your own script tag
           var tag = document.createElement('script');
           tag.setAttribute('type','text/javascript');
           tag.appendChild(document.createTextNode(script));
           document.getElementsByTagName('head')[0].appendChild(tag);
        }
});

答案 2 :(得分:0)

您可以使用在发送ajax请求之前执行的“BeforeSend”选项:

$.ajax({

    type: "POST",

    url: "SOMEURL",

    data: { "WHATEVER": whatever },

    beforeSend: function() {

      //DO WHATEVER BEFORE SEND AJAX CALL

    }
.....

});

}

希望这有帮助。

最好的问候。

答案 3 :(得分:-2)

这个$ .post()函数不会自动执行返回的JS。它可能在回调函数中执行。