如何给a标签绑定ajax事件

<a href="review?action=delete&id=${review.id}&articleId=${review.articleId}"class="black" id="reviewDelete"> 【删除】 </a> 

修改为:

<a href="javascript:void(0)" action="review?action=delete&id=${review.id}&articleId=${review.articleId}"class="black" id="reviewDelete"> 【删除】 </a> 然后在$function({          //为这个超链接绑定一个click事件函数          $("#reviewDelete").click(function(){                  //获取这个超链接的请求url                 var url = $(this).attr("action");                 //进行你的ajax操作           });});

如何给a标签绑定ajax事件

<a href="123.html" id="a">点我</a>js :$(‘a‘).click(function(){     $.get($(this).attr(‘href‘),function(data){      alert(data);    });});

原文地址:https://www.cnblogs.com/javaboy2018/p/8728290.html

时间: 2024-11-05 18:50:33

如何给a标签绑定ajax事件的相关文章

超链接标签绑定JS事件&amp;&amp;不加&quot;javascript:;&quot;导致的杯具

很久以来,在写Html和JS时,经常会给超链接<a>标签,绑定JS事件. 我们经常看到这样的写法,<a href="javascript:;" onclick="doAction()" >Click</a>. 我原来一直有个疑问,干嘛非要加上"javascript:;" .原来,我很"老实",每次都会加上.今天,又手敲了类似的代码,本着"老子就是不加,你咬我"的得瑟心态,

js实现标签绑定回车事件

给一个input 绑定一个回车事件, 如搜索框 输入内容后敲回车键执行某个事件 <input id="freeText" type="text" value=""> $("#freeText").keypress(function (evt) { evt = (evt) ? evt : ((window.event) ? window.event : ""); var key = evt.key

input标签的accept属性、JQuery绑定keyDown事件

一. input标签的accept属性 当我们上传文件或者注册上传头像时,我们可以一般都是使用: <input type="file" id="my_file"> 但是这样的话,所有文件都会显示出来,这里以上传头像为例,一点击选择文件,所有跟图片无关的文件也会显示出来: 这时可以给input标签增加一个accept属性,让它只显示图片相关的文件: <input type="file" id="my_file"

a标签包着img事件 ie下 a标签的click事件失效

整个大的背景框有个点击事件, 如果标签结构是(详细的css样式略) a{background:green;} <a href=""> <img src="personal.png"/> <p>我是个人用户</p> </a> a标签有个click事件 像这样的 a标签包着img标签的时候 在ie下点击图片位置的时候 click事件不会触发 解决方式是把a标签改成div <div> <img

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转.传参(selected的值和页面其它元素的值) 代码如下: <script src="jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document

商品类型的下拉框绑定一个事件,通过ajax获取属性

html代码这么写 <!-- 商品属性 --> <table cellspacing="1" cellpadding="3" width="100%" style="display:none;" class="tab"> <tr><td> <select name="Goods[type_id]"> <option val

jquery绑定的事件对ajax刷新出的数据不生效,on可能受jquery版本影响

问题:jquery绑定的事件对ajax刷新出的数据不生效 方法:可以用 jquery 里面的 on 和  delegate 预绑定父元素就可以触发的. 注意:某些限制下,个人用的是jquery 1.4.2版本,还不能更新到 1.7版本,on 绑定是报错的,用 delegate 可以的. on对jquery 看网上资料是需要 1.7以后版本才支持,具体没试验. 案例: 搜索新数据,调用choic.php 将key传过去获取搜索内容返回到arcz里面.将 arcz 里面新刷新出来的选中的 复选框 一

html5标签div可绑定键盘事件方法

我们知道键盘事件一般用在input这些可以获取焦点的元素上,但是作为div,尽管官方上说可以绑定键盘事件,但是我写了以后发现不生效,于是找答案. 果然,找到了一个神器:tabindex 它是html5标签的一个属性,默认它的值是-1也就是不可以,在div上,我们要设置这个值不超过999就可以了. document.querySelector('div').setAttribute("tabindex", 1)&&document.querySelector('div')

JS 事件绑定、事件监听、事件委托详细介绍

事件绑定 要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的绑定事件的方法: 在DOM元素中直接绑定: 在JavaScript代码中绑定: 绑定事件监听函数. 在DOM中直接绑定事件 我们可以在DOM元素上绑定onclick.onmouseover.onmouseout.onmousedown.onmouseup.ondblclick.onkeyd