我希望根据URL参数在价格列表页面上更改价格。这就是我要精确完成的事情:
页面上有普通客户的默认价格,但是当特殊客户想要获取价格时,他们会在URL中输入?price = myprice 。因此,他们将输入“ website.com/price-list?price=myprice” 而不是“ website.com/price-list” ,这将提高所有价格在清单上增加了15%。
什么是最好的方法?
答案 0 :(得分:1)
您可以解析每个参数的URL,然后在使用jQuery加载页面时执行价格编辑。有很困难(但可靠)的方法来执行此操作,也有非常简单的方法来执行此操作。
请注意,window.location
有一个search
成员,该成员包含URL中?
之后的所有字符,包括indexOf
。有了这些知识,您就可以在URL参数中找到indexOf
。如果-1
返回的是$(document).ready(function(){
//Store the search.
var search = window.location.search;
//Look for the url parameter in the search.
if(search.indexOf("price=myprice") > -1){
//Go through each price element (Selector Should be the element containing the actual price number.)
$(".selector.to.price-text.element").each(function(){
//Calculate the new price based on the old price.
var newPrice = parseFloat($(this).text()) * 1.15;
//Put the new price onto the page. (Lines not condensed for readability).
$(this).text(newPrice);
});
}
});
以外的内容,则说明您正在营业。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div *ngFor="let car of CarsInfo">
<div *ngFor="let p of car.PrimaryCars">{{ p }}</div>
<div *ngFor="let s of car.SecondaryCars">{{ s }}</div>
</div>
上面的代码不会成为您的应用程序的交钥匙,您将需要至少更改选择器。
如Paul Swetz对问题的评论中所述,您应该根据查看该页面的用户来跟踪价格变化。