如何获取<a> value and pass it to API URL

时间:2019-03-19 00:39:45

标签: jquery ajax

I have a web api that returns IEnumerable result, on top of it there is jquery ajax call that retrieves data and present it in a table for example

<table>
    <tr>
          <td><a class="btn-link" id="value.ID">ID<a/></td>
    </tr>
    <tr>
          <td>Name</td>
    </tr>
    <tr>
          <td>Gender</td>
    </tr>

What I want to do is to redirect the user when they click tge anchor tag <a/> to http://localhost:1234/page.html?ID=1234

我尝试搜索许多文章,但没有什么是寻找的特定内容。

1 个答案:

答案 0 :(得分:0)

如果您只是想在单击按钮时重定向用户,则可以使用window.location来执行以下操作:

window.location.href =“ url-here”;

在您的情况下,您可以使用jQuery来监听按钮上的单击,而不是将id属性用作您获取的ID,而是使用data属性,如下所示:

<td><a class="btn-link" id="value.ID" data-id="value.ID">ID<a/></td>

然后在您的jQuery

$(document).on('click', '.btn-link', function(){
    window.location.href="http://localhost:1234/page.html?ID=" + $(this).data('id');
});