ajax - 使用 jquery ajax 在运行时更改 href attr

Question

我有一个要传递给 jQuery AJAX 的 URL。

<a href="/wishlist.php?sku=C5&amp;action=move&amp;qty=1" class="buttoncart black">Move To Wishlist</a>;

当它到达 AJAX 时，我希望将 href 属性更改为

<a href="/ajax_page.php?sku=C5&amp;action=move&amp;qty=1">Move blaf</a>

我还是个新手。我相信一定有一个简单的方法。这是我的脚本。

var wishorder = {
    init: function(config){
        this.config = config;
        this.bindEvents();
    },
    bindEvents: function(){
        this.config.itemSelection.on('click',this.addWish);
    },
    addWish: function(e){
        console.log('working');
        console.log($(this).attr('href').pathname);
        var self = wishorder;

        $.ajax({
            //this is where im using the href and would like to change it
            //but i cant seem to access to get variables
            url: $(this).attr('href'),
            //url: '/ajax/ajax_move.php',
            type: 'GET',
            data: {
                sku: $(this).data('sku'),
                action: $(this).data('action'),
                qty: $(this).data('qty')
            },
            success: function(results){
                console.log(results);
                $('#cartcont').html(results);
            }
        });
        e.preventDefault();
    }
};
wishorder.init({
    itemSelection: $('#carttable tr a'),
    form: $('#cartfrm')
});

Answer 1

您可以replace在addWish逻辑中使用来更改 URL：

addWish: function(e){
    var self = wishorder;
    var url = $(this).attr('href').replace('wishlist.php', 'ajax_page.php');

    $.ajax({
        url: url ,
        type: 'GET',
        data: {
            sku: $(this).data('sku'),
            action: $(this).data('action'),
            qty: $(this).data('qty')
        },
        success: function(results){
            console.log(results);
            $('#cartcont').html(results);
        }
    });
    e.preventDefault();
}

Answer 2

你只需要一个字符串替换。

var original_href = $('<a href="/wishlist.php?sku=C5&amp;action=move&amp;qty=1" class="buttoncart black">').attr('href');

var new_href = original_href.replace(/wishlist.php/, "ajax_page.php");