ajax执行成功后可以跳转到另一个页面吗？

Posted 2023-04-15

是可以的。例如：

$.ajax(

  type:"post",  url:url,  data:xxx:xx,  dataType: "json",  success : function(data)   window.location.href="跳转的url,后边也可以拼接点data中数据作为参数";  );

如果是需要跳转到另外的页面，也可以用window.open(url);

ajax

AJAX即“AsynchronousjavascriptAndXML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

AJAX = 异步JavaScript和XML（标准通用标记语言的子集），是一种用于创建快速动态网页，在无需重新加载整个网页的情况下，能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

参考技术A

jsx/ajax提交成功后采用以下方式跳转： 1、本页面跳转:"windowlocationhref"、"locationhref" 2、上一层页面跳转:"parentlocationhref" 3、最外层的页面跳转:"toplocationhref" 举例说明： 如果A,B,C,D都是jsp，D是C的iframe，C是B的ifrajs / ajax 成功提交后怎么跳转到另外一个页面

Ajax页面跳转不过去，执行成功后弹窗完页面不跳转

$("#myform").submit(function ()
$.ajax(
url: "/tools/shopus.ashx?action=Register",
//请求的url地址
data: $('#myform').serialize(),
type: "POST",
//请求方式
async: false,
cache: false,
success: function (data)
alert(data);
window.location.href = "/ShopUser/Index";
,
error: function (req)
alert(req);

);
);

$("#myform").submit(function () 
           $.ajax(
               url: "/tools/shopus.ashx?action=Register",
               //请求的url地址
               data: $('#myform').serialize(),
               type: "POST",
               //请求方式
               async: true,//这个地方修改
               success: function (data)    
                       alert(data);
                       window.location.href = "/ShopUser/Index";   
               ,
               error: function (req) 
                   alert(req);
               
           );
           return false;//这个位置加一个返回失败
       );

参考技术A href里面index.html
你没加后缀名，它不认识追问

MVC不需要加后缀名，而且后缀是cshtml不是html

追答

js它认识mvc吗？

参考技术B 貌似是路径不太对，可能是路径后缀，大小写问题吧 参考技术C 好像没啥问题
你确定已经success了嘛？

如果确定了进入success 那就没有问题了吧

在或者你是在 iframe里面window.location.href什么的问题追问

已经success了能显示 alert(data);的结果，就是无法跳转页面

我直接放个http://www.baidu.com上去都跳不了