优秀js赏析-乐蜂网

liuhl0910

于 2015-03-13 13:56:09 发布

阅读量417

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/liuhl0910/article/details/44240347

本文介绍了一个名为“花粉购”的功能实现方式，通过Ajax调用JSONP接口获取商品的花粉购买信息，并动态更新页面元素。同时实现了点击事件来切换购买选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*花粉购*/

function hf_buy(fn) {

var ele = 
$("#hf_buy"),

sku_input = $("#skuExtraPriceId");

$.ajax({

url: "http://product.lefeng.com/goods/product_point.jsp",

data: { skuId: $("#skuId").val() },

dataType: 'jsonp',

cache: true,

success: function (data) {

if (data.size ==
0) return;

sku_input.val(data.data[0].id);

ele.html('花粉购：<em class=""></em><span>￥</span>' + (data.data[0].userPrice
 * 0.01).toFixed(2) +
'+' + data.data[0].userPoint +
'花粉');

}

})

}

$("#hf_buy").delegate("em",
"click", 
function () {

if ($(this).hasClass("gou")) {

$(this).removeClass("gou");

} else {

$(this).addClass("gou");

}

});