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 相关文章推荐
html a标签-超链接中confirm方法使用介绍
Jan 04 Javascript
javascript 终止函数执行操作
Feb 14 Javascript
jQuery中:empty选择器用法实例
Dec 30 Javascript
理解 JavaScript Scoping &amp; Hoisting(二)
Nov 18 Javascript
js 右侧浮动层效果实现代码(跟随滚动)
Nov 22 Javascript
js H5 canvas投篮小游戏
Aug 18 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
Angularjs手动解析表达式($parse)
Oct 12 Javascript
自定义PC微信扫码登录样式写法
Dec 12 Javascript
浅谈微信小程序flex布局基础
Sep 10 Javascript
vue过滤器实现日期格式化的案例分析
Jul 02 Javascript
Ajax实现页面无刷新留言效果
Mar 24 Javascript
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
PHP中使用gettext解决国际化问题的例子(i18n)
2014/06/13 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
PHP错误Warning: Cannot modify header information - headers already sent by解决方法
2014/09/27 PHP
ThinkPHP控制器详解
2015/07/27 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
php实现图片压缩处理
2020/09/09 PHP
javascript 获取iframe里页面中元素值的方法
2014/02/17 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
2015/03/30 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
2015/05/09 Javascript
animate 实现滑动切换效果【实例代码】
2016/05/05 Javascript
jQuery实现的多张图无缝滚动效果【测试可用】
2016/09/12 Javascript
详解webpack中的hash、chunkhash、contenthash区别
2018/01/05 Javascript
微信小程序自定义多选事件的实现代码
2018/05/17 Javascript
nodejs实现范围请求的实现代码
2018/10/12 NodeJs
vue组件之间通信方式实例总结【8种方式】
2019/02/22 Javascript
Vue组件之高德地图地址选择功能的实例代码
2019/06/21 Javascript
jQuery位置选择器用法实例分析
2019/06/28 jQuery
详解ECMAScript2019/ES10新属性
2019/12/06 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
2020/02/10 Javascript
JavaScript实现图片伪异步上传过程解析
2020/04/10 Javascript
Python中的魔法方法深入理解
2014/07/09 Python
Python3中的列表,元组,字典,字符串相关知识小结
2017/11/10 Python
Python实现拷贝/删除文件夹的方法详解
2018/08/29 Python
python 矢量数据转栅格数据代码实例
2019/09/30 Python
解决Python中回文数和质数的问题
2019/11/24 Python
使用pyqt5 tablewidget 单元格设置正则表达式
2019/12/13 Python
Pytorch的mean和std调查实例
2020/01/02 Python
Python 字符串处理特殊空格\xc2\xa0\t\n Non-breaking space
2020/02/23 Python
Python基础类继承重写实现原理解析
2020/04/03 Python
浅谈python出错时traceback的解读
2020/07/15 Python
python自动化测试三部曲之unittest框架的实现
2020/10/07 Python
俄罗斯三星品牌商店:GalaxyStore
2020/11/04 全球购物
python文本处理的方案(结巴分词并去除符号)
2021/05/26 Python
Win11 Build 22000.51版本文件资源管理器“命令栏”和上下文菜单有什么新变化?
2021/11/21 数码科技
Vue router配置与使用分析讲解
2022/12/24 Vue.js