zoukankan      html  css  js  c++  java
  • 使用AJAX实现页面跳转

    ajax请求后台接口数据与返回值处理js写法

    $.ajax({  
                url: "/test.php",//后台提供的接口  
                type: "post",   //请求方式是post  
                data:{"type":"1", //这是你要传给后台的data值  
                "t":"c4552111"  
                },  
                dataType: "json", //数据类型是json型  
                success: function (data) {   //成功时返回的data值,注意这个data是后台返回的值,上面的data是你要传给后台的值  
                    console.log(data);//可以在控制台查看打印的data值  
                    
                    if (data.SuccessCode != "0") { //如果后台返回的data.SuccessCode不等于0执行后面的语句,  
                        $("#btn").attr("disabled");  
                        $("#btn").css({"background-color":"#DBDBDB","color":"#DB3B2F"});  
                        $("#btn").text("不可点击");  
                    }else{  
                        $("#btn").addClass("btnNow");  
                    }  
      
                    switch(data.SuccessCode){//根据后台返回的data.SuccessCode来判断执行什么语句  
                        case "0":  
                             $("#btn").addClass("btnNow");  
                            break;  
                        case "-1":  
                            alert("活动尚未开始");  
                            break;  
                        case "-2":  
                            alert("本日已抢完");  
      
                            break;  
                        default:  
                            alert("系统繁忙,请稍后再试");  
                }  
      
      
      
                },  
                error: function () {   
                      
                },  
                complete: function () {  
      
                }  
            });   

    使用AJAX实现页面跳转

    $.ajax({
        type:"POST",
        url: //你的请求程序页面随便啦
        async:false,//同步:意思是当有返回值以后才会进行后面的js程序。
        data://请求需要发送的处理数据
        success:function(msg){
            if (msg) {//根据返回值进行跳转
                window.location.href = '你的跳转的目标地址';
            }
    

      }

    ajax只接受最后返回的值,不会响应跳转请求更改浏览器地址栏地址转向的,你需要用js判断ajax的返回值是否要跳转,然后设置location.href实现跳转。

    ajax异步请求struts的action只会返回所请求页面的html源代码。
    这样请求是不会跳转的。
    不知道你的实际需求,这种用法只是在替换页面局部html时使用。

    用jquery ajax 可以只做表单提交 不要返回值可以吗

    不要返回值,那你需要ajax提交做啥呢?跳转?重定向?ajax提交为的就是返回刷新页面某个位置的内容,如果不需要,你干嘛要做ajax,当然ajax也可以跳转,

    你在返回一个固定值或者boolean类型去判断然后在返回函数里面写window.location.href=""这样就能跳转。关键还是在于,你这样写,有什么作用呢

  • 相关阅读:
    ArrayList LinkedList源码解析
    装饰者模式 Decoration
    互联网架构的三板斧
    HashMap 源码解析
    redis的安装配置
    DNS原理及其解析过程 精彩剖析
    深入解析策略模式
    浅析java内存模型--JMM(Java Memory Model)
    深入解析单例模式
    简单排序算法 冒泡排序 选择排序 插入排序
  • 原文地址:https://www.cnblogs.com/leijiangtao/p/11791786.html
Copyright © 2011-2022 走看看