大佬教程收集整理的这篇文章主要介绍了jquery – $.ajax的事件,如何创建回调？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在创建一个jQuery插件来进行异步调用.
有了它,我可以使用以下命令发布帖子：
$("form").bindAjaxPost "post"
问题是我想为这些事件创建回调(beforeSend,complete,success,error),例如,命令看起来像：
$("form").bindAjaxPost "post",success: (data) -> console.log "user success #{data}"
beforeSend: () -> console.log "user beforeSend"
请注意,事件beforeSend和success是由插件的用户定义的,也是内部的插件代码：请参阅代码：
post: (ajaxUserOptions)->
ajaxOptions =
type: "POST"
url: @optionS.Url
data: $(@form).serialize()
dataType: @options.dataType
beforeSend: ->
console.log "plugin beforeSend"
complete: ->
console.log "plugin complete"
success: (data) ->
console.log "plugin success"
error: (request) ->
console.log "plugin error"
ajaxOptions = $.extend {},ajaxUserOptions,ajaxOptions if ajaxUserOptions
$.ajax(ajaxOptions)
问题
我希望事件成功,应该在内部调用,然后是用户定义的事件插件. (这个序列)
执行示例
命令
$("form").bindAjaxPost "post",success: (data) -> console.log "user success #{data}"
beforeSend: () -> console.log "user beforeSend"
产量
尝试
正如您在代码中看到的,我尝试使用命令extend of jQuery.但它没有用,因为$.ajax().beforeSend只接受一个函数.
我也尝试访问ajaxUserOptions但是事件成功,beforeSend …中没有ajaxUserOptions,因为这些调用是异步的.
感谢大家的帮助！
post: (ajaxUserOptions = {}) -> defaultAjaxOptions = type: "POST" url: @optionS.Url data: $(@form).serialize() dataType: @options.dataType jqXHR = $.ajax($.extend {},defaultAjaxOptions) jqXHR.always pluginAlways jqXHR.always ajaxUserOptions.always if ajaxUserOptions.always # and likewise for fail and done
beforeSend是一个棘手的情况,因为你不能在jqXHR对象上做到这一点,但它只是将你的插件的函数和用户的函数包装在一个函数中,如果任一函数返回false,外部函数就这样做(因为这会停止Ajax请求)：
beforeSend = -> return false if pluginBeforeSend() is false return false if ajaxUserOptions?.beforeSend() is false
以上是大佬教程为你收集整理的jquery – $.ajax的事件,如何创建回调？全部内容，希望文章能够帮你解决jquery – $.ajax的事件,如何创建回调？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。