通过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"}//跳转页面

})

通过javascript库JQuery实现页面跳转功能代码,布布扣,bubuko.com

时间： 2024-10-31 12:54:55

通过javascript库JQuery实现页面跳转功能代码的相关文章

JavaScript库——jQuery

导入jQuery库 1.直接连接网上的 https://code.jquery.com/jquery/+版本号 2.也可到官网下载jquery库到本地 JavaScript 库作用及对比 为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互的 Web2.0 特性的富客户端页面, 并且兼容各大浏览器 当前流行的 JavaScript 库有: jQuery 是继 Prototype 之

JAVASCRIPT实现的WEB页面跳转以及页面间传值方法

在WEB页面中,我们实现页面跳转的方法通常是用LINK,BUTTON LINK ,IMG LINK等等,由用户点击某处,然后直接由浏览器帮我们跳转. 但有时候,需要当某事件触发时,我们先做一些操作,然后再跳转,这时,就要用JAVASCRIPT来实现这一跳转功能. 下面是具体的做法: 一:跳转到新页面,并且是在新窗口中打开时: 复制代码 代码如下: function gogogo() { //do someghing here... window.open("test2.html");

jsp页面跳转后台代码的方式总结~

jsp页面跳到后台代码,有如下几种方式: action方式: jquery方式,代码如下: function regCust(){ $('#containerFRM').form( 'submit', { "url" : "${webAppUrl}/cust/registeredUser.html", onSubmit : function() { //显示遮罩 $.jBox.tip("正在提交--", 'loading'); }, succes

js页面跳转参考代码大全

整理一下JS页面跳转参考代码 第一种:     <script language=/"javascript/" type=/"text/javascript/"> window.location.href=/"login.jsp?backurl=/"+window.location.href; </script> 第二种:     <script language=/"javascript/"&g

流行的JavaScript库 ——jQuery

1.为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互的 Web2.0 特性的富客户端页面, 并且兼容各大浏览器.当前流行的 JavaScript 库有:jQuery, MooTools, Prototype, Dojo, YUI, EXT_JS  DWR 2.jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team. j

简单入门JavaScript库jQuery：用选择符创建jQuery对象并应用方法

jQuery,顾名思义,也就是JavaScript和查询(Query),是一个辅助JavaScript开发的库. jQuery 能极大地简化 JavaScript 编程. 目录1 jQuery库包含的特性2 jQuery与JS3 获取页面元素4 DOM事件与jQuery方法5 简易操作DOM元素6 处理尺寸7 遍历操作8 过滤操作9 jQuery对JS的增强10 为页面添加动态效果11 jQuery与Ajax12 jQuery工具 通过jQuery,您可以选取(查询,query) HTML元素,

jquery mobile页面跳转后，JS无效的原因及解决方案

最近在做个项目,用到jquery mobile,很陌生对他,问题一个个的来,那就要一个个解决,找了一天这个问题,放可明白:首先明白jqm里面页面跳转默认都是通过ajax请求的,必须重新刷新页面js方可有效,也就是js没有起作用,并不是js本身的问题,下面说说解决方法:在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行.因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"

jquery mobile页面跳转后，必须重新刷新页面js方可有效

最近在做个项目,用到jquery mobile,很陌生对他,问题一个个的来,那就要一个个解决,找了一天这个问题,放可明白:首先明白jqm里面页面跳转默认都是通过ajax请求的,必须重新刷新页面js方可有效,也就是js没有起作用,并不是js本身的问题,下面说说解决方法:在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行.因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"

js 实现返回上一页和刷新等页面跳转功能

原文 出处http://www.2cto.com/kf/201111/109821.html 1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascript:history.go(-1);">