首页 > 其他分享 >Ajax提交后Moedl And View不进行页面跳转的解决方案

Ajax提交后Moedl And View不进行页面跳转的解决方案

时间:2023-03-17 19:04:08浏览次数:37  
标签:disabled contactAreaMobile contactCookies Moedl phone Ajax 跳转 var data


场景

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

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

实现

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

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

完整示例代码:

 

$("#book").submit(function() {
if($(this).Andrew_Validate("submit_Validate")){
$("#book > button:submit").attr("disabled","disabled").text("订单提交中...");
$('#clause').attr("disabled","disabled");
var actionurl = $(this).attr("action"); //提交路径
var data = $(this).serialize();
console.log(data);
$.ajax({
async : true,
cache : false,
type : 'POST',
url : actionurl,
data : data,
success : function(data) {
debugger
if("200"==data.statusCode){

window.location.href = "${ctx}/frontPage/passFlight/GJbookPay.html?orderId="+data.result;
}
if("300"==data.statusCode){
$("#book > button:submit").removeAttr("disabled","disabled").text("下一步,去支付");
$('#clause').removeAttr("disabled","disabled");
if(-1==data.result){
//请求失败处理函数
webToast(data.message, "middle", "mask", 1000);
}else{
var contactName=$("#contactName").val();
var contactAreaCode=$("#contactAreaCode").val();
var contactAreaMobile=$("#contactAreaMobile").val();
var email=$("#email").val();
var phone=$("#phone").val();
var contactCookie = $.cookie("bus__contact");
//将联系人信息存储到cookie中
if(contactCookie && contactCookie!=""){
//查看是否是当前登录用户的填写信息
contactCookies=contactCookie.split(";"); //字符分割
var tempCookie;
for(j = 0; j < contactCookies.length; j++) {
tempCookie=contactCookies[j].split(",");
if(tempCookie[4]==phone){
var s=contactName+','+contactAreaCode+','+contactAreaMobile+','+email+','+phone;
contactCookies.splice(j,1,s);
$.cookie('bus__contact',contactCookies);
}
else{
var contactResult=contactCookie+";"+contactName+','+contactAreaCode+','+contactAreaMobile+','+email+','+phone;
$.cookie('bus__contact',contactResult);
}
}
}
else{
var contactResult=contactName+','+contactAreaCode+','+contactAreaMobile+','+email+','+phone;
$.cookie('bus__contact',contactResult);
}
Andrew_Popupwin({
dom: "#login_dialog_plug_popupWin", //弹窗内容的布局
position: "middle", //位置类型(top,bottom,left,right,middle)
effectIn: "bounceInDown", //弹窗显示效果
effectOut: "bounceOutDown", //弹窗消失效果
maskPosition:"11", //Mask的z-index数值
closeBtn: ".login_dialog_plugin_close" //关闭弹窗按钮
})
}
}
},
error : function(err) {
$("#book > button:submit").removeAttr("disabled","disabled").text("下一步,去支付");
$('#clause').removeAttr("disabled","disabled");
//请求失败处理函数
webToast("请求错误", "middle", "mask", 1000);
}
});
}
return false;
});

 

标签:disabled,contactAreaMobile,contactCookies,Moedl,phone,Ajax,跳转,var,data
From: https://blog.51cto.com/BADAOLIUMANGQZ/6127841

相关文章

  • vue实现文字超出3行时,后面显示省略号 查看更多跳转详情
       <divclass="dp-text-ellipsis-wrapper">    <divclass="text":style="textStyleObject"ref="text">       <labelclass="btn"@cli......
  • Dcat-Admin改写ajax实现请求过滤同名参数
    //方案一Admin::script( <<<JS(function($){//备份jquery的ajax方法var_ajax=$.ajax;//重写jquery的ajax方法......
  • ajax
    JSON1、初识JSONJSON是什么JSON是Ajax发送和接收数据的一种格式JSON全称是JavascriptObjectNotationJSON数据一般放在一个.json的文件中,这个文件数据格式要遵......
  • Ajax
    1.URL地址的组成部分URL地址一般由三部分组成1.客户端与服务器之间的通信协议2.存有该资源的服务器名称3.资源在服务器上具体的存放位置2.get和post请求get请求通常......
  • Vue 代理服务器___Vue 跨域通过Axios 的ajax方式的get请求获取数据
    Vue代理服务器___Vue跨域通过Axios的ajax方式的get请求获取数据1、说明1.1:配置2台本地服务器说明:node_modules为vue脚手架        package.json为静态数据......
  • 用jquery进行ajax渲染
    html代码1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<metahttp-equiv="X-UA-Compatible"content="IE=edge">6<m......
  • ajax 泛微
    <%@pageimport="weaver.soa.workflow.request.RequestInfo"%><%@pageimport="weaver.soa.workflow.request.RequestService"%><%@pageimport="weaver.general.Util"......
  • Ajax续
    一.前端拿取后端的传递结果Java:@RequestMapping("/a2")publicList<User>a2(){ArrayList<User>list=newArrayList<User>();list.add(n......
  • 初识Ajax
    简介Ajax=Asynchronous JavaScriptandXML(异步的JavaScript和XML)Ajax式一种无需重新加载整个网页的情况,能够更新部分网页(局部更新)Ajax不是一种新的编程语言,而是一种......
  • Day03-Ajax&Json
    AJAX&JSON一.AJAX的概述1.1什么是ajax导入02_代码\授课素材\01_ajax素材\同步\day0301_maven-usermanager项目到idea中演示同步弊端。同步:异步:1.AJAX=Asynchr......