zoukankan      html  css  js  c++  java
  • 通过javascript库JQuery实现页面跳转功能代码

    通过javascript库JQuery实现页面跳转功能代码的四段代码实例如下。

    实例1:

    1
    2
    3
    4
    $(function(){
    var pn = $("#gotopagenum").val();//#gotopagenum是文本框的id属性
    location.href = "NewList.aspx?pagenum="+pn;//location.href实现客户端页面的跳转
    });

    实例2:

    实现跳转:window.location = 'user!add.action?id=1';

    如果需要ajax无刷新的异步请求:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    $.ajax({
       url:'user!add.action?id=1',
       type:"POST",
       cache : false,
       dataType : "json",
       data : {activityId:activityId.val()},
       success:function(data) {
            alert("请求成功");
        });
       }
      });

    实例3:

    button按钮在单击时激发jquery代码(里面有条件判断如果成功就让跳转页面,如果条件不满足就不让他跳转)

    1
    2
    3
    4
    5
    if(条件 == true){
     document.location.href=目标url
    }else{
     alert("条件为满足");
    }

    实例4:

    通过ajax实现跳转:

    1
    2
    3
    4
    5
    6
    7
    $.ajax(function(){
    type:"POST",
    dataType:"json",
    url:"index.php",//请求页面
    data:"{id=1}",
    complete:function(){location.href ="http://www.169it.com"}//跳转页面
    })
  • 相关阅读:
    CopyOnWriteArrayList
    Herriot
    Prefix tree
    hadoop 测试框架
    Hadoop RPC
    OpenCV2马拉松第2圈——读写图片
    LCD深度剖析
    SharePoint 改动passwordWeb Part部署方案
    android小游戏模版—重力感应
    CSS(层叠样式表)基础知识
  • 原文地址:https://www.cnblogs.com/besty/p/3913693.html
Copyright © 2011-2022 走看看