JQuery.get提交页面不跳转的解决方法


Posted in Javascript onJanuary 13, 2015

代码如下:

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"

    CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<script>

        window.location.host;

        $(document).ready(function () {

            $("#btnTestGet").click(function () {

                jQuery.get("About.aspx", { name: "alex" }, function () { alert("aaa")});

            });

        });

</script>

        <button id="btnTestGet" value="Test JQuery" >Test JQuery</button>

</asp:Content>

问题分析:

有些Jquery 教程上说,使用jquery.get(url,data,function(){})可以跳转。

以上代码却没有跳转,如果中间有错误的话,不能执行回调函数的,但以上代码却执行了,原因何在?

经过分析得知,jquery.get(url,data,function(){})这个是ajax的方法,是不会跳转的。

要跳转的话,需要在回调函数里function(){//这里做跳转吧;}才行,因为Ajax本身就是为了实现异步请求局部刷新,当然不会跳转页面。

跳转页面前台直接用document.Url=”xx.aspx”;或window.location.href=”xx.aspx”;和ajax没有关系,正确的ajax做法是回调函数中获取后台返回的值,然后据此操作html属性方法,局部更新页面。

如此,便解决了jquery.get提交页面不跳转的问题,这个折腾啊。

Javascript 相关文章推荐
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
May 06 Javascript
关于js获取radio和select的属性并控制的代码
May 12 Javascript
使用jQuery操作Cookies的实现代码
Oct 09 Javascript
基于JavaScript实现在新的tab页打开url
Aug 04 Javascript
关于Javascript中document.cookie的使用
Mar 08 Javascript
jQuery操作css样式
May 15 jQuery
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
Jun 30 Javascript
vue生成token保存在客户端localStorage中的方法
Oct 25 Javascript
jQuery封装animate.css的实例
Jan 04 jQuery
layer.prompt输入层的例子
Sep 24 Javascript
vue路由权限校验功能的实现代码
Jun 07 Javascript
jQuery插件实现图片轮播效果
Oct 19 jQuery
15个jquery常用方法、小技巧分享
Jan 13 #Javascript
js对象基础实例分析
Jan 13 #Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
Jan 13 #Javascript
js使用心得分享
Jan 13 #Javascript
js查找节点的方法小结
Jan 13 #Javascript
使用js画图之画切线
Jan 12 #Javascript
使用js画图之饼图
Jan 12 #Javascript
You might like
php4的session功能评述(三)
2006/10/09 PHP
PHP读MYSQL中文乱码的解决方法
2006/12/17 PHP
关于PHP5 Session生命周期介绍
2010/03/02 PHP
基于PHP文件操作的详细诠释
2013/06/21 PHP
php中final关键字用法分析
2016/12/07 PHP
php框架CodeIgniter主从数据库配置方法分析
2018/05/25 PHP
js继承的实现代码
2010/08/05 Javascript
js操作css属性实现div层展开关闭效果的方法
2015/05/11 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
2015/10/12 Javascript
jQuery简单验证上传文件大小及类型的方法
2016/06/02 Javascript
Google 地图类型详解及示例代码
2016/08/06 Javascript
简单理解vue中track-by属性
2016/10/26 Javascript
JavaScript仿微信打飞机游戏
2020/07/05 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
2017/09/14 Javascript
浅谈node.js 命令行工具(cli)
2018/05/10 Javascript
Layui数据表格之单元格编辑方式
2019/10/26 Javascript
微信小程序跨页面传递data数据方法解析
2019/12/13 Javascript
[01:42:49]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第一场 2月26日
2021/03/11 DOTA
Python网络编程之TCP与UDP协议套接字用法示例
2018/02/02 Python
获取python文件扩展名和文件名方法
2018/02/02 Python
Python实现将通信达.day文件读取为DataFrame
2018/12/22 Python
Python玩转PDF的各种骚操作
2019/05/06 Python
Pycharm新手教程(只需要看这篇就够了)
2019/06/18 Python
django删除表重建的实现方法
2019/08/28 Python
python rolling regression. 使用 Python 实现滚动回归操作
2020/06/08 Python
Python爬虫实例——scrapy框架爬取拉勾网招聘信息
2020/07/14 Python
python中numpy.empty()函数实例讲解
2021/02/05 Python
Ibatis如何调用存储过程
2015/05/15 面试题
后勤采购员岗位职责
2013/12/19 职场文书
财务内勤岗位职责
2014/04/17 职场文书
旅游专业毕业生自荐书
2014/06/30 职场文书
三好学生评语大全
2014/12/29 职场文书
餐饮服务员岗位职责
2015/02/09 职场文书
幼儿园托班开学寄语(2015秋季)
2015/05/27 职场文书
React 并发功能体验(前端的并发模式)
2021/07/01 Javascript
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python