如何使这个jQuery ajax函数与jQuery 1.12.x一起工作

时间:2017-01-06 15:26:17

标签: javascript jquery ajax

我有一些jQuery 1.5.x的ajax函数,我需要升级到jQuery 1.12.x,但是这个jquery函数无效。

function vpb_add_to_cart(post_title,post_id,guid,status)
{
    $("div.checkout_user_info").hide();
    $("div#checkout_user_info").hide();
    $("div.shopping_cart_status").show();
    $("div#shopping_cart_status").show();

    var dataString = "post_title=" + post_title + "&post_id=" + post_id + "&guid=" + guid + "&page=add_to_cart";
    $.ajax({  
        type: "POST",  
        url: "http://localhost/www/opsional/wp-compare.php",  
        data: dataString,
        beforeSend: function() 
        {
            $('html, body').animate({scrollTop:0}, 'slow');
            $("#response").html('<img src="loading.gif" align="absmiddle" alt="Loading..."> Loading...<br clear="all" /><br clear="all" />');
        },  
        success: function(response)
        {
            $("#response").html(response);
        }
    });
}

使用此提取数据;

<input type="button" id="vasplus_p_blog_add_to_cart_button" value="Add to Cart" title="Add this item to cart" onclick="vpb_add_to_cart('Samsung Galaxy Note 3','2688','http://localhost/www/opsional/wp-content/uploads/2016/12/Samsung-Galaxy-Note-3-2-4-150x150.jpg','add');" />

如何使所有上述代码与jQuery 1.12.x一起使用 谢谢,请帮忙。

1 个答案:

答案 0 :(得分:0)

这不是JavaScript的问题,而是jQuery的实例化。您可能在页面上有多个jQuery实例,或者您可能在返回jQuery库时遇到问题。如果您收到有关$本身的消息,那么问题就在于您的功能。

我会确保你没有加载第二个版本的jQuery,并且你没有加载一个可能与jQuery竞争和/或接管$的库。

您可以通过将“$”指标替换为“jQuery”来测试。