javascript – 如何从click事件对象获取链接的href属性的参数

前端之家收集整理的这篇文章主要介绍了javascript – 如何从click事件对象获取链接的href属性的参数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有一种简单的方法可以使用click事件对象在单击链接的href属性的末尾获取参数?

我有一些看起来像这样的jQuery代码

$(document).ready(function() {
    $('#pages').delegate("a","click",function(e) {
        var formData = "parameters to clicked link";
        $.ajax({
            url: 'friends2.PHP',dataType: 'json',data: formData,success: function(data) {
                $('#searchbutton').attr("disabled",false);
                $('#searchresults').html(data.results);
                $('#pages').html(data.paginate);
            }
        });//ajax end
        return false;
    });
});

这是相关的HTML:

<div id="pages">
<span class="disabled">prevIoUs</span>
<span class="current">1</span>
<a href="friends.PHP?term=ma&p=2">2</a>
</div>

我正在尝试做的是对我用ajax完成的搜索结果进行分页.搜索运行正常,并获取查询匹配的用户列表.创建分页链接的结果脚本部分也正常工作.

在上面的示例中,有两页结果.当用户点击链接转到结果的第2页时,我想要做的是截取链接点击,而是使用term = ma& p = 2作为传递给请求的数据创建新的ajax请求.

所以,长话短说,是否有一种简单的方法可以从事件对象中获取term = ma& p = 2来传递上面jQuery中的匿名函数

解决方法

您可以使用this.href方法来读取链接属性
$('#pages').delegate("a",function(e) {
   var str = this.href.split('?')[1];

例:

str = 'friends.PHP?term=ma&p=2';
console.log(str.split('?')[1]); // output: term=ma&p=2

猜你在找的JavaScript相关文章