在经典 ASP 中渲染 link 然后用 jquery 改变它

Question

我有一个 link，我使用经典 asp 中的 if 语句在页面加载时呈现，类似于以下内容：

// SQL stuff up here

<% if not rs.eof then %>
    <a href="#" class="link" data-mediatype="on" data-id="<%=somevar%>"><i class="fa-star"></i></a>
<% else %>
    <a href="#" class="link" data-mediatype="off" data-id="<%=somevar%>"><i class="fa-star-o"></i></a>
<% end if %>

我也在使用 jQuery 点击事件 post 一些数据到 ajax 请求，就像这样；

$(document).ready(function(){

    $('.link').click(function(e) {

        e.preventDefault();

        var mediatype = $(this).data('mediatype');
        var id = $(this).data('id');

        $.ajax({
            url: '/post/url/here.asp',
            data: { 'media_type': mediatype, 'id': id },
            type: 'POST',
            success: function(result) {
                location.reload();
            }
        });

    });

});

如果找到记录则 data-mediatype="on" 和 <i> class="fa-star"，但如果没有找到记录，则 data-mediatype="off" 和 <i> class="fa-star-o"

然后当您单击 link 时，它会 post 转到 ajax。

ajax 调用成功后，页面会使用 location.reload() 重新加载并且可以正常工作。

理想情况下，我希望在不重新加载页面的情况下执行此操作。但我不确定如何去做，因为 SQL 需要运行决定显示哪个 link。

如有任何帮助，我们将不胜感激。

Answer 1

我认为您不需要重新加载整个页面 - 只需将点击的 link 切换为另一个 link（除非点击可以更改多个 link -目前还不清楚）：

$('.link').click(function(e) {

        e.preventDefault();
        var $clicked = $(this),
            $icon = $clicked.children('i');

        var mediatype = $clicked.data('mediatype');
        var id = $clicked.data('id');

        $.ajax({
            url: '/post/url/here.asp',
            data: { 'media_type': mediatype, 'id': id },
            type: 'POST',
            success: function(result) {
              if (mediaType == 'on') {                /* swap icon and mediaType */
                $clicked.data('mediatype', 'off');
                $icon.removeClass('fa-star').addClass('fa-star-o');
              } else {
                $clicked.data('mediatype', 'on');
                $icon.removeClass('fa-star-o').addClass('fa-star');
              }
            }
        });

    });

在经典 ASP 中渲染 link 然后用 jquery 改变它

Rendering a link in classic ASP and then changing it with jquery

javascript

jquery

asp-classic