`

标签jquery绑定oclick事件(包含ajax操作)后,点击时间ajax提交两次问题

    博客分类:
  • Ajax
阅读更多
原JS代码
$('#id').click(
function(event) {
        $.ajax({
		type:"post",
		url:"",
		data:null,
		dataType:"json",
		async:false,
		success:function(data){
		}
	});
});


发现非button标签会执行两次ajax事件。经查是标签之间的传递性导致的。只需要加一行代码即可。
$('#id').click(
function(event) {
        $.ajax({
		type:"post",
		url:"",
		data:null,
		dataType:"json",
		async:false,
		success:function(data){
		}
	});
        //添加代码
        event.stopPropagation();
});


参考文章:http://www.365mini.com/page/jquery-event-stoppropagation.htm
分享到:
评论

相关推荐

    jquery ajax 异步传值并把值赋予在div标签内

    jquery ajax 异步传值并把值赋予在div标签内 很简单的jquery ajax异步传值 让您清楚了解jquery ajax运作 点击按钮的时候 程序会通过ajax去获取某个PHP文件的输出值 获取PHP文件的输出值的那一刻下面的程序会继续执行...

    jQuery实现的纯HTML模板进行ajax数据绑定

    具体介绍看http://blog.csdn.net/luq885/archive/2007/06/06/1639933.aspx

    jQuery 实现Ajax加载绑定事件,调用外部HTML

    内容索引:脚本资源,jQuery,Ajax加载绑定 jquery实现ajax加载绑定事件,实例中的几个HTML文件共同演示了绑定事件的加载,打开demo.html文件后,每一步加载的效果都是从外部页面中载入的,一级一级的加载,因此这个...

    IW12.2.8JQueryAjax简单例子

    IWEDIT1的事件处理程序启动AJAX调用,将在IWEDIT1输入的文字传到后台,后台的TIWURLResponderEvent响应前台传来的数据,处理完毕后返回前台,通过前台在AJAX调用时注册的回调函数将处理结果显示在屏幕上。...

    jquery.ajax.progress:允许将事件处理程序绑定到 XHR2 上传下载进度事件

    jquery.ajax.progress 允许将事件处理程序绑定到 XHR2 上传/下载进度事件。 基于 nebirhos 脚本 ( ) 这些事件是: downloading和uploading downloading事件的示例代码: var jqXHR = $ . get ( '...

    Ajax无刷新分页示例源码2012419

    程序使用jquery方法提交请求,处理后将数据库绑定到页面中。 Ajax无刷新分页示例源码 程序介绍: 程序使用jquery方法提交请求,处理后将数据库绑定到页面中。 Ajax无刷新分页示例源码 程序介绍: 程序使用...

    Jquery Ajax学习实例7 Ajax所有过程事件分析示例

     JQuery在执行Ajax的过程中会触发很多事件。 这些事件可以分为两种事件,一种是局部事件(Local),一种是全局事件(Global)。 局部事件:可以通过$.ajax来调用,你某一个Ajax请求不希望产生全局的事件,则可以设置...

    jQuery实现的纯HTML模板进行ajax数据绑定-m.

    jQuery实现的纯HTML模板进行ajax数据绑定-m.

    基于jquery的js+ajax分页控件

    NULL 博文链接:https://it-jiayuan.iteye.com/blog/1771807

    jQuery无刷新验证及数据绑定

    VS2008下C#代码运用jQuery的AJAX功能无刷新验证用户名,验证成功后将信息带回。两种方式实现,一种直接用get实现,一种使用ashx代码实现。

    解决jQuery ajax动态新增节点无法触发点击事件的问题

    解决jQuery ajax动态新增节点无法触发事件问题的两种解决方法,为了达到更好的演示效果,假设在某个页面的body下有以下结构的代码: <li class=demo1>a1 <li class=demo1>a2 <li class=demo1>a3</l

    在ASP.NET中运行jQuery和HTML模板进行Ajax数据绑定并显示

    内容索引:.NET源码,Ajax相关,jQuery,Ajax,数据绑定 HTMLTemplate+jQuery实现纯HTML模板进行ajax数据绑定,分页也是在Ajax下完成,取得分页总数,分页总数放到变量pageCount里,隐藏loading提示,隐藏模板,设置翻页...

    【JavaScript源代码】jQuery+ajax实现文件上传功能.docx

    2、给上传按钮绑定点击事件 3、验证是否选择了文件 4、向FormData中追加文件 5、使用ajax发起上传文件的请求 6、设置文件的路径 7、使用xhr获得文件上传的进度 8、当文件上传完成让进度条显示绿色  <style> #...

    AspNetPager+JQuery+ajax分页

    AspNetPager分页控件绑定服务器端数据源 使用JQuery和ajax实现无刷新分页代码

    jquery异步绑定dropdownlist

    jquery异步绑定dropdownlist

    超实用的jQuery代码段

    全书分为11章,包含网页效果、DOM元素与属性、HTML事件、CSS样式、用户输入自动完成、拖放、图形图像、AJAX、算法、jQuery Mobile应用、浏览器、Cookies等jQuery技术内容,对提高网站开发人员和设计人员的jQuery技术...

    Jquery数据绑定分页源码

    Jquery数据绑定分页源码 功能介绍: 用jquery模仿gridview绑定数据,实现了jquery版gridvew,双击单元格个修改该条记录信息,分页采用ajax无刷新分页,带翻页效果,右键菜单可以删除数据,测试无误

    浅谈jQuery绑定事件会叠加的解决方法和心得总结

    关于jQuery的学习中我忽略了一个取消绑定事件.unbind()的使用,也不知道绑定事件会累加的情况,结果因为这个原因,让我在项目上栽了坑。只能说自己还太年轻,需要学习掌握的知识还有很多。 我遇到的问题 我在项目中...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    JQuery事件之页面框架和加载后自动执行 JQuery扩展以及自动执行函数的应用 JQuery阻止事件发生 JQuery扩展 作业 第18周 内容概要 JS正则详解 JS正则详解之验证 组件BootStrap、EasyUI、JQueryUI 插件轮播 Django_...

    jquery插件使用方法大全

    ·attribute(改进了.attr()的性能)、jQuery()核心函数、CSS(.css()性能有两倍提升)、特效和事件、DOM操作等也有显著改进 1.5 美国时间1月31日John Resig在jQuery官方博客发表文章,宣布jQuery 1.5正式版已经...

Global site tag (gtag.js) - Google Analytics