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下4个跨浏览器必备的函数
Mar 07 Javascript
js 获取后台的字段 改变 checkbox的被选中的状态 代码
Jun 05 Javascript
jQuery的text()方法用法分析
Dec 20 Javascript
使用javascript实现Iframe自适应高度
Dec 24 Javascript
浅谈javascript 迭代方法
Jan 21 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
May 10 Javascript
javaScript如何跳出多重循环break、continue
Sep 01 Javascript
老生常谈js数据类型
Aug 03 Javascript
微信小程序富文本渲染引擎的详解
Sep 30 Javascript
简单介绍react redux的中间件的使用
Apr 06 Javascript
快速解决处理后台返回json数据格式的问题
Aug 07 Javascript
封装一下vue中的axios示例代码详解
Feb 16 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
Zerg剧情介绍
2020/03/14 星际争霸
PHP 和 MySQL 基础教程(二)
2006/10/09 PHP
使用php+apc实现上传进度条且在IE7下不显示的问题解决方法
2013/04/25 PHP
web站点获取用户IP的安全方法 HTTP_X_FORWARDED_FOR检验
2013/06/01 PHP
php微信支付之APP支付方法
2015/03/04 PHP
php使用Jpgraph创建柱状图展示年度收支表效果示例
2017/02/15 PHP
PHP children()函数讲解
2019/02/03 PHP
TNC vs BOOM BO3 第二场2.13
2021/03/10 DOTA
jquery tools 系列 scrollable学习
2009/09/06 Javascript
jquery 面包屑导航 具体实现
2013/06/05 Javascript
7个JS基础知识总结
2014/03/05 Javascript
全面解析Bootstrap排版使用方法(文字样式)
2015/11/30 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
2016/05/16 Javascript
深入理解JavaScript 函数
2016/06/06 Javascript
AngularJS实现一次监听多个值发生的变化
2016/08/31 Javascript
微信小程序 传值取值的几种方法总结
2017/01/16 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
2017/02/12 Javascript
使用 Node.js 开发资讯爬虫流程
2018/01/07 Javascript
React学习笔记之高阶组件应用
2018/06/02 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
[29:10]Ti4 冒泡赛第二天 NEWBEE vs Titan 3
2014/07/15 DOTA
[02:54]辉夜杯主赛事第二日败者组 iG.V赛后采访
2015/12/26 DOTA
[01:01:23]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第一场 11.26
2020/11/30 DOTA
Python实现抓取百度搜索结果页的网站标题信息
2015/01/22 Python
Python通过90行代码搭建一个音乐搜索工具
2015/07/29 Python
从头学Python之编写可执行的.py文件
2017/11/28 Python
在notepad++中实现直接运行python代码
2019/12/18 Python
浅谈Python 命令行参数argparse写入图片路径操作
2020/07/12 Python
Pycharm plot独立窗口显示的操作
2020/12/11 Python
html5 web本地存储将取代我们的cookie
2012/12/26 HTML / CSS
Paper Cape官网:美国婴儿和儿童服装品牌
2019/11/02 全球购物
求高于平均分的学生学号及成绩
2016/09/01 面试题
介绍一下write命令
2014/08/10 面试题
EJB的几种类型
2012/08/15 面试题
效能监察建议书
2014/05/19 职场文书
Python Pandas知识点之缺失值处理详解
2021/05/11 Python