大佬教程收集整理的这篇文章主要介绍了如何知道身体中的哪个元素在jQuery中触发AJAX请求,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想使它成为通用的,并希望当任何元素触发AJAX请求时,我想在其旁边显示一个小GIF.为此,我认为jQuery的AjaxSend事件将会很好,但是它不会给我触发AJAX调用的对象的句柄.我想知道是否可以通过jQuery的一些方法知道哪个元素触发AJAX调用,并且在AJAX调用完成时也可以获得相同的句柄.
如果你觉得我对这个问题的解决方法是不正确的,我很乐意听到你的建议.
例:
<script type="text/javascript"> $(document).ready(function(){ $("input").click(function(){ var newid = (create a custom id with date and time); $(this).attr("id",newid); $.post("handler.PHP",{element_id : $(this).attr("id")}); }); }).ajaxSend(function(e,xhr,settings){ var start_position = settings.data.indexOf("element_id"); var equalsign_position = settings.data.indexOf("=",start_position); var ampersand_position = settings.data.indexOf("&",start_position); var element_id; if(ampersand_position == -1){ element_id = settings.data.substr(equalsign_position+1); } else { element_id = settings.data.substr(equalsign_position+1,ampersand_position-equalsign_position-1); } $("#"+element_id).after("<div id='div"+element_id+"'><img src='loading_start.png' /></div>"); }).ajaxComplete(function(e,settings) { var start_position = settings.data.indexOf("element_id"); var equalsign_position = settings.data.indexOf("=",ampersand_position-equalsign_position-1); } $("#div"+element_id).remove(); }); </script> <input type="button" value="Save" />
另一种方法是处理每个事件处理程序中加载映像的出现和消失(但是我似乎明白你们中有太多的内容),就像这样:
<script type="text/javascript"> $(document).ready(function(){ $("input").click(function(){ var element_id = (generate custom id); $(this).after("<div id='div"+element_id+"'><img src='loading_start.png' /></div>"); $.post("handler.PHP",{var:"hello"},function(){ $("#div"+element_id).remove(); }); }); }) </script>
以上是大佬教程为你收集整理的如何知道身体中的哪个元素在jQuery中触发AJAX请求全部内容,希望文章能够帮你解决如何知道身体中的哪个元素在jQuery中触发AJAX请求所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。