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 相关文章推荐
打开超链需要“确认”对话框的方法
Mar 08 Javascript
jQuery之ajax删除详解
Feb 27 Javascript
jquery 绑定回车动作扑捉回车键触发的事件
Mar 26 Javascript
Javascript实现多彩雪花从天降散落效果的方法
Feb 02 Javascript
javascript格式化指定日期对象的方法
Apr 21 Javascript
javascript实现瀑布流加载图片原理
Feb 02 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
javascript 中null和undefined区分和比较
Apr 19 Javascript
vue 表单之通过v-model绑定单选按钮radio
May 13 Javascript
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
Vant picker 多级联动操作
Nov 02 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
Nov 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
Syphon 虹吸式咖啡壶冲煮–拨动法
2021/03/03 冲泡冲煮
PHP中上传大体积文件时需要的设置
2006/10/09 PHP
phpmyadmin显示utf8_general_ci中文乱码的问题终级篇
2013/04/08 PHP
关于shopex同步ucenter的redirect问题,导致script不运行
2013/04/10 PHP
php对二维数组按指定键值key排序示例代码
2013/11/26 PHP
PHP图片处理之使用imagecopyresampled函数实现图片缩放例子
2014/11/19 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
JavaScript实现的字符串replaceAll函数代码分享
2015/04/02 Javascript
解析如何利用iframe标签以及js制作时钟
2016/12/08 Javascript
微信小程序之页面拦截器的示例代码
2017/09/07 Javascript
nodejs Assert中equal(),strictEqual(),deepEqual(),strictDeepEqual()比较
2017/09/18 NodeJs
javascript 开发之网页兼容各种浏览器
2017/09/28 Javascript
动态Axios的配置步骤详解
2018/01/12 Javascript
vue+vuex+axios实现登录、注册页权限拦截
2018/03/09 Javascript
Vue实现简单分页器
2018/12/29 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
2019/07/18 Javascript
Vue源码分析之Vue实例初始化详解
2019/08/25 Javascript
浅谈Node新版本13.2.0正式支持ES Modules特性
2019/11/25 Javascript
微信小程序静默登录的实现代码
2020/01/08 Javascript
Python实现的石头剪子布代码分享
2014/08/22 Python
介绍Python的@property装饰器的用法
2015/04/28 Python
python验证码图片处理(二值化)
2019/11/01 Python
python 图像判断,清晰度(明暗),彩色与黑白实例
2020/06/04 Python
利用python 下载bilibili视频
2020/11/13 Python
CSS图片翻转动画技术详解(IE也实现了)
2014/04/03 HTML / CSS
Bench加拿大官方网站:英国城市服装品牌
2017/11/03 全球购物
巴西补充剂和维生素购物网站:Natue
2019/06/17 全球购物
Linux面试题LINUX系统类
2014/11/19 面试题
本科生职业生涯规划书范文
2014/01/21 职场文书
《临死前的严监生》教学反思
2014/02/13 职场文书
优秀少先队大队辅导员事迹材料
2014/05/04 职场文书
查摆问题整改措施范文
2014/10/11 职场文书
出纳试用期自我评价
2015/03/10 职场文书
婚宴父母致辞
2015/07/27 职场文书
MySQL 使用SQL语句修改表名的实现
2021/04/07 MySQL
原生JS实现飞机大战小游戏
2021/06/09 Javascript