当前位置:   article > 正文

Ajax提交后Moedl And View不进行页面跳转的解决方案_使用ajax调用后端接口,后端返回modelandview,不跳转新的页面

使用ajax调用后端接口,后端返回modelandview,不跳转新的页面

场景

前端使用ajax请求后台,返回Model And View 后不进行页面跳转。

用ajax提交是没有页面跳转的。

实现

如果只是简单的页面跳转和传递单个简单参数可以使用:

window.location.href = "${ctx}/frontPage/passFlight/GJbookPay.html?orderId="+data.result;

完整示例代码:


 

  1. $("#book").submit(function() {
  2.   if($(this).Andrew_Validate("submit_Validate")){
  3.    $("#book > button:submit").attr("disabled","disabled").text("订单提交中...");
  4.    $('#clause').attr("disabled","disabled");
  5.    var actionurl = $(this).attr("action"); //提交路径
  6.    var data = $(this).serialize();
  7.    console.log(data);
  8.    $.ajax({
  9.     async : true,
  10.     cache : false,
  11.     type : 'POST',
  12.     url : actionurl,
  13.     data : data,
  14.     success : function(data) {
  15.      debugger
  16.      if("200"==data.statusCode){
  17.       
  18.       window.location.href = "${ctx}/frontPage/passFlight/GJbookPay.html?orderId="+data.result;
  19.      }
  20.      if("300"==data.statusCode){
  21.       $("#book > button:submit").removeAttr("disabled","disabled").text("下一步,去支付");
  22.       $('#clause').removeAttr("disabled","disabled");
  23.        if(-1==data.result){
  24.        //请求失败处理函数
  25.        webToast(data.message, "middle", "mask", 1000);
  26.        }else{
  27.         var contactName=$("#contactName").val();
  28.         var contactAreaCode=$("#contactAreaCode").val();
  29.         var contactAreaMobile=$("#contactAreaMobile").val();
  30.         var email=$("#email").val();
  31.         var phone=$("#phone").val();
  32.         var contactCookie = $.cookie("bus__contact");
  33.         //将联系人信息存储到cookie中
  34.         if(contactCookie && contactCookie!=""){
  35.              //查看是否是当前登录用户的填写信息
  36.              contactCookies=contactCookie.split(";"); //字符分割
  37.              var tempCookie;
  38.              for(j = 0; j < contactCookies.length; j++) { 
  39.              tempCookie=contactCookies[j].split(",");
  40.               if(tempCookie[4]==phone){
  41.                var s=contactName+','+contactAreaCode+','+contactAreaMobile+','+email+','+phone;
  42.                contactCookies.splice(j,1,s);
  43.                $.cookie('bus__contact',contactCookies);
  44.              }
  45.               else{
  46.              var contactResult=contactCookie+";"+contactName+','+contactAreaCode+','+contactAreaMobile+','+email+','+phone;
  47.              $.cookie('bus__contact',contactResult);
  48.               }
  49.               }
  50.             }
  51.           else{
  52.           var contactResult=contactName+','+contactAreaCode+','+contactAreaMobile+','+email+','+phone;
  53.           $.cookie('bus__contact',contactResult);
  54.           }
  55.          Andrew_Popupwin({
  56.                   dom: "#login_dialog_plug_popupWin", //弹窗内容的布局
  57.                   position: "middle", //位置类型(topbottomleftright,middle)
  58.                   effectIn: "bounceInDown", //弹窗显示效果
  59.                   effectOut: "bounceOutDown", //弹窗消失效果
  60.                   maskPosition:"11", //Mask的z-index数值
  61.                   closeBtn: ".login_dialog_plugin_close" //关闭弹窗按钮
  62.               })
  63.        }
  64.      }
  65.     },
  66.     error : function(err) {
  67.      $("#book > button:submit").removeAttr("disabled","disabled").text("下一步,去支付");
  68.      $('#clause').removeAttr("disabled","disabled");
  69.      //请求失败处理函数
  70.      webToast("请求错误", "middle", "mask", 1000);
  71.     }
  72.    });
  73.   }
  74.   return false;
  75.  });

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/652262
推荐阅读
相关标签
  

闽ICP备14008679号