マッチメイキングを購入した優れた製品
ホーム検索ページは、注文詳細ページショッピングカートページを確認するために、
ドッキング家と検索ページ
ページジャンプlocation.href
、の使用angularjs $location
サービスパラメータを渡します。
$scope.search = function () {
if($scope.keywords.trim().length > 0){
location.href = "http://localhost:9104/search.html#?keywords=" + $scope.keywords;
}
}
app.controller('itemSearchController', function ($scope, $location) {
$scope.loadkeywords = function(){
//获取查询参数
$scope.searchMap.keywords = $location.search().keywords;
$scope.search();
}
};
検索ページと詳細ページドッキング
ユーザーは商品を検索をクリックして、ハイパーリンクがジャンプしa 标签
、対応する製品の詳細ページへ。
<a href="http://localhost:9105/{{pojo.goodsId}}.html" target="_blank"><img ng-src="pojo.image" /></a>
詳細ページ、ショッピングカートのドッキング
詳細ページユーザーがクリック加入购物车
、非同期は、ショッピングカートにアイテムを追加するためにクロスドメインリクエストを送信します。、結果を得るに成功追加location.href
ショッピングカートページにジャンプし、ヒントを与えることができません。クロスドメイン方式を使用しますCORS
。
//加入购物车
$scope.addToCart = function(){
$http.get("http://localhost:9107/cart/addGoodsToCartList.do?itemId=" + $scope.sku.id +"&num=" + $scope.orderCount, {withCredentials:true}).success(
function (response) {
if(response.success){
location.href = "http://localhost:9107/cart.html";
}else{
alert(response.message);
}
}
);
};
@Autowired
private HttpServletResponse response;
// springMVC >= 4.2 可以使用 @CrossOrigin 注解实现跨域
@CrossOrigin(origins = "http://localhost:9105", allowCredentials = "true")
response.setHeader("Access-Control-Allow-Origin", "http://localhost:9105");
response.setHeader("Access-Control-Allow-Credentials", "true");
ショッピングカートと注文確認ページドッキング
ショッピングカートをクリックして去结算
注文ページを確認するために直接ジャンプして、オーダーページ問合せ収穫アドレスと注文品を確認するために、ハイパーリンクを。
<a class="sum-btn" href="getOrderInfo.html" target="_blank">结算</a>
ng-init="findAddressList();findCartList();"
注文確認ページと支払いページドッキング
注文確認ページをクリックして提交订单
、背景には順番を追加するサービスをコールバックするための要求カート、ショッピングカートの注文を追加します。そして、ページジャンプ応答結果のフロントデスクによると、結果を返します。支払いページにLOCATION.HREF。
//提交订单
$scope.submitOrder = function () {
$scope.order.receiver = $scope.address.contact;
$scope.order.receiverAreaName = $scope.address.address;
$scope.order.receiverMobile = $scope.address.mobile;
cartService.submitOrder($scope.order).success(
function (response) {
if(response.success){
//跳转到支付页
if($scope.order.paymentType == "1"){//微信
location.href="pay.html";
}else{//货到付款,跳转到相应页面
location.href="paysuccess.html";
}
}else{
alert(response.message);
}
}
);
};
// cartService.js
this.submitOrder = function (order) {
return $http.post("/order/add.do", order);
};