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 相关文章推荐
JavaScript中Math对象使用说明
Jan 16 Javascript
如何将网页表格内容导入excel
Feb 18 Javascript
JS对img标签进行优化使用onerror显示默认图像
Apr 24 Javascript
js对象基础实例分析
Jan 13 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
Mar 13 Javascript
javascript每日必学之条件分支
Feb 17 Javascript
Three.js入门之hello world以及如何绘制线
Sep 25 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
Jul 13 Javascript
JS canvas绘制五子棋的棋盘
May 28 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
Mar 04 Javascript
基于canvasJS在PHP中制作动态图表
May 30 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
dedecms后台验证码总提示错误的解决方法
2007/03/21 PHP
php实现比较全的数据库操作类
2015/06/18 PHP
PHP实现长文章分页实例代码(附源码)
2016/02/03 PHP
PHP基于ip2long实现IP转换整形
2020/12/11 PHP
js滚动条多种样式,推荐
2007/02/05 Javascript
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
2010/12/02 Javascript
Jquery判断IE6等浏览器的代码
2011/04/05 Javascript
nodejs命令行参数处理模块commander使用实例
2014/09/17 NodeJs
js实现checkbox全选、不选与反选的方法
2015/02/09 Javascript
浅谈javascript构造函数与实例化对象
2015/06/22 Javascript
实现音乐播放器的代码(html5+css3+jquery)
2015/08/04 Javascript
jQuery中prepend()方法使用详解
2015/08/11 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
JS及JQuery对Html内容编码,Html转义
2017/02/17 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
2017/05/15 jQuery
简单谈谈JS中的正则表达式
2017/09/11 Javascript
element中的$confirm的使用
2020/04/26 Javascript
JS实现简易贪吃蛇游戏
2020/08/24 Javascript
python使用urllib2实现发送带cookie的请求
2015/04/28 Python
对python pandas 画移动平均线的方法详解
2018/11/28 Python
深入解析python中的实例方法、类方法和静态方法
2019/03/11 Python
python中count函数简单用法
2020/01/05 Python
python日期与时间戳的各种转换示例
2020/02/12 Python
Pycharm如何运行.py文件的方法步骤
2020/03/03 Python
纯CSS3单页切换导航菜单界面设计的简单实现
2016/08/16 HTML / CSS
Myprotein加拿大官网:欧洲第一的运动营养品牌
2018/01/06 全球购物
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
一套SQL笔试题
2016/08/14 面试题
机电一体化专业应届生求职信
2013/11/27 职场文书
网上卖盒饭创业计划书
2014/01/26 职场文书
优秀技术工人先进材料
2014/02/17 职场文书
西式婚礼主持词
2014/03/13 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书
2014年内部审计工作总结
2014/12/09 职场文书
2019财务毕业实习报告
2019/06/27 职场文书
创业计划书之旅游网站
2019/09/06 职场文书