`

标签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 DoM和ajax 操作

    5. **事件处理**: jQuery提供了一致的事件绑定和触发机制,如`on()`, `off()`, `trigger()`, 使得处理用户交互变得轻松。它还支持事件委托,通过监听父元素来处理子元素的事件,提高了性能。 **jQuery AJAX操作** ...

    jquery+ajax实现无刷新提交的功能

    ### 使用jQuery与Ajax实现网页无刷新提交功能 在现代Web开发中,为了提供更好的用户体验,很多网站都会采用Ajax技术来实现在不刷新整个页面的情况下进行数据的提交与更新。本篇文章将详细介绍如何利用jQuery库结合...

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

    jQuery是一个强大的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画制作和Ajax交互。它的API设计友好,使得开发者能够快速地实现各种网页交互效果。 在本示例中,HTML模板是预先定义好的HTML结构,其中...

    php+jquery+ajax最简单例子

    2. **jQuery事件处理**:使用jQuery绑定按钮的点击事件,当点击事件发生时,调用Ajax函数。 3. **Ajax请求**:利用jQuery的`$.ajax()`方法发起请求。设置URL为PHP脚本的路径,方法通常为GET或POST,根据需求决定...

    jQueryPager(JQuery分页插件pagination实现Ajax分页)

    - **事件绑定**:插件提供了如`changePage`等事件,可以监听用户分页操作,然后通过Ajax请求获取对应页码的数据。 - **Ajax回调**:在Ajax请求成功后,需要将返回的数据更新到页面指定的位置。 **4. Ajax分页实现**...

    Asp.Net MVC之jQuery与AJAX操作实例

    jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画设计以及Ajax交互。在Asp.Net MVC项目中,jQuery可以帮助开发者更高效地处理用户交互和页面动态更新。 二、AJAX基础 AJAX(Asynchronous ...

    jquery很全的例子源码,事件 ajax,表单应用

    本资源包含了一系列全面的jQuery例子源码,旨在深入剖析jQuery在事件处理、Ajax异步通信以及表单操作中的应用。接下来,我们将逐一探讨这些关键知识点。 一、jQuery事件处理 1. 事件绑定:jQuery提供`.on()`方法来...

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

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

    jQuery Ajax过滤器

    通过绑定这些事件,我们可以监听Ajax请求的状态,比如在发送请求前执行某些操作,或者在请求完成后进行数据的过滤和处理。 例如,`ajaxSend`事件可以在每个Ajax请求发送前触发,这为我们提供了一个理想的位置来处理...

    jQuery的Ajax实现异步传输List、Map

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行数据交换,极大地提升...

    jQuery Ajax 登陆和注册页面

    1. **事件绑定**:使用jQuery的`$(document).ready()`函数确保页面加载完成后执行代码,然后使用`$('form').submit()`监听表单提交事件。 2. **Ajax请求**:当用户点击登录按钮时,阻止表单的默认提交行为,用`...

    jquery-ajax最简单的实力

    2. **jQuery事件绑定**:使用`$(document).ready()`确保页面加载完成后,我们绑定事件监听器到省份选择框。当用户改变省份时,触发AJAX请求。 3. **$.ajax()配置**:在事件处理函数中,设置$.ajax()的URL指向XML...

    jQuery+ajax实现三级级联

    在IT行业中,jQuery和ajax是两个非常重要的技术,它们在构建动态、交互性强的Web应用程序时发挥着关键作用。在这个“jQuery+ajax实现三级级联”的实例中,我们主要探讨如何利用这两种技术来创建一个能够逐级联动的...

    Ajax表单提交插件jquery form

    **Ajax表单提交插件jQuery Form** 在Web开发中,jQuery Form插件是一个非常实用的工具,它使得使用Ajax技术提交HTML表单变得简单而直观。这个插件扩展了jQuery库,提供了强大的功能,允许开发者无刷新地更新页面...

    Ajax和Jquery

    3. **事件处理**:jQuery简化了事件绑定,如`click()`用于绑定点击事件,`hover()`处理悬停事件。同时,它还支持事件冒泡和事件委托。 4. **动画效果**:jQuery的`animate()`方法可以创建自定义动画,`fadeIn()`和`...

    Jquery AutoComplete组件+Ajax实现搜索框输入提示功能小记

    4. **事件绑定与Ajax调用**: - 使用keyup事件监听用户输入。 - 通过Ajax发送请求到后端处理程序。 - 处理后端返回的数据,并显示在页面上。 ```html <!-- 引入jQuery --> <script src="https://code.jquery....

    jquery做的星级评分可以利用AJAX来操作

    jQuery提供了一种简洁的方式来选择DOM元素、执行DOM操作、绑定事件处理程序和创建动画效果。它的语法简洁易读,使得开发者能够快速地编写高效代码。 AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的...

    jquery + struts1 + ajax学习例子

    例如,当你在前端使用jQuery监听用户事件,如表单提交,然后通过Ajax发送请求,Struts1的Action接收到请求后处理业务逻辑,最后Ajax回调函数根据服务器返回的数据更新页面。这样的流程避免了页面的完全刷新,提高了...

    Jquery数据绑定分页源码

    通过阅读这两个文件,你可以更深入地理解如何在jQuery项目中实现数据绑定和分页功能,以及如何根据实际需求对其进行调整和扩展。 总的来说,掌握jQuery数据绑定分页源码对于提升前端开发能力,特别是处理大数据集和...

    jquery+ajax分页

    这些元素将被jQuery选中并绑定AJAX事件。 ```html <li><a href="#" data-page="1">1</a></li> <!-- 更多页码... --> ``` 2. **jQuery事件绑定**:使用jQuery的`click`事件,我们可以监听用户点击分页链接的...

Global site tag (gtag.js) - Google Analytics