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 相关文章推荐
从jQuery.camelCase()学习string.replace() 函数学习
Sep 13 Javascript
在标题栏显示新消息提示,很多公司项目中用到这个方法
Nov 04 Javascript
JS 在指定数组中随机取出N个不重复的数据
Jun 10 Javascript
JavaScript仿支付宝密码输入框
Dec 29 Javascript
基于JavaScript实现手机短信按钮倒计时(超简单)
Dec 30 Javascript
AngularJS入门教程之表格实例详解
Jul 27 Javascript
AngularJS实现按钮提示与点击变色效果
Sep 07 Javascript
基于JavaScript实现拖动滑块效果
Feb 16 Javascript
js基于FileSaver.js 浏览器导出Excel文件的示例
Aug 15 Javascript
详解项目升级到vue-cli3的正确姿势
Jan 28 Javascript
JavaScript实现轮播图效果代码实例
Sep 28 Javascript
vue 实现通过vuex 存储值 在不同界面使用
Nov 11 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
二次元帅气男生排行榜,只想悄悄收藏系列
2020/03/04 日漫
PHP仿博客园 个人博客(2) 数据库增添改删
2013/07/05 PHP
PHP实现股票趋势图和柱形图
2015/02/07 PHP
Thinkphp框架中D方法与M方法的区别
2016/12/23 PHP
Yii2配置Nginx伪静态的方法
2017/05/05 PHP
PHP+jQuery实现双击修改table表格功能示例
2019/02/21 PHP
PHP二维索引数组的遍历实例分析【2种方式】
2019/06/24 PHP
Yii框架中使用PHPExcel的方法分析
2019/07/25 PHP
laravel-admin 实现在指定的相册下添加照片
2019/10/21 PHP
javascript Select标记中options操作方法集合
2008/10/22 Javascript
Javascript 面向对象 对象(Object)
2010/05/13 Javascript
TBCompressor js代码压缩
2011/01/05 Javascript
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
用javascript将数据导入Excel示例代码
2014/09/10 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
2017/01/16 Javascript
Bootstrap弹出框(Popover)被挤压的问题小结
2017/07/11 Javascript
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
2017/08/16 Javascript
layer.close()关闭进度条和Iframe窗的方法
2018/08/17 Javascript
Vue form表单动态添加组件实战案例
2019/09/02 Javascript
Javascript中的this,bind和that使用实例
2019/12/05 Javascript
vue跳转页面的几种方法(推荐)
2020/03/26 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
2020/07/18 Javascript
浅谈Python 多进程默认不能共享全局变量的问题
2019/01/11 Python
python word转pdf代码实例
2019/08/16 Python
Corelle官方网站:购买康宁餐具
2016/11/02 全球购物
KIKO MILANO荷兰网上商店:意大利专业化妆品品牌
2017/05/12 全球购物
西海岸男士和男童服装:Johnnie-O
2018/03/15 全球购物
HSRP的含义以及如何工作
2014/09/10 面试题
大学生旷课检讨书
2014/01/22 职场文书
大学校庆策划书
2014/01/31 职场文书
革命先烈的英雄事迹材料
2014/02/15 职场文书
房产转让协议书
2014/04/11 职场文书
经理岗位职责
2015/02/02 职场文书
总经理检讨书范文
2015/02/16 职场文书
2016年学校安全教育月活动总结
2016/04/06 职场文书
分享提高 Python 代码的可读性的技巧
2022/03/03 Python