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 全角转半角部分
Oct 28 Javascript
js生成缩略图后上传并利用canvas重绘
May 15 Javascript
Node.js(安装,启动,测试)
Jun 09 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
js判断登录与否并确定跳转页面的方法
Jan 30 Javascript
JS实现图片切换效果
Nov 17 Javascript
Vue实现固定定位图标滑动隐藏效果
May 30 Javascript
JS字符串与二进制的相互转化实例代码详解
Jun 28 Javascript
jQuery位置选择器用法实例分析
Jun 28 jQuery
JavaScript面向对象程序设计中对象的定义和继承详解
Jul 29 Javascript
vue图片上传组件使用详解
Dec 23 Javascript
vue页面跳转实现页面缓存操作
Jul 22 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加入ftp扩展的解决方法
2013/02/07 PHP
joomla jce editor 解决上传中文名文件失败问题
2013/06/09 PHP
php无限分类且支持输出树状图的详细介绍
2013/06/19 PHP
php获取一个变量的名字的方法
2014/09/05 PHP
2款PHP无限级分类实例代码
2015/11/11 PHP
laravel 解决groupBy时出现的错误 isn't in Group By问题
2019/10/17 PHP
window.parent与window.openner区别介绍
2012/04/12 Javascript
js跳转页面方法总结
2014/01/29 Javascript
jquery如何把数组变为字符串传到服务端并处理
2014/04/30 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
2014/05/22 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
AngularJS教程之MVC体系结构详解
2016/08/16 Javascript
深入理解React中es6创建组件this的方法
2016/08/29 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
2017/03/21 jQuery
解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题
2020/07/22 Javascript
JavaScript事件委托实现原理及优点进行
2020/08/29 Javascript
[02:28]DOTA2英雄基础教程 狼人
2013/12/23 DOTA
python2与python3共存问题的解决方法
2018/09/18 Python
使用Python实现跳帧截取视频帧
2019/05/31 Python
Django如何使用redis作为缓存
2020/05/21 Python
Python 实现集合Set的示例
2020/12/21 Python
css3实现3D色子翻转特效
2014/12/23 HTML / CSS
英国领先的品牌珠宝和配件供应商:Acotis Jewellery
2018/03/07 全球购物
物业管理应届生求职信
2013/10/28 职场文书
运动会通讯稿150字
2014/02/15 职场文书
保卫科工作岗位职责
2014/03/01 职场文书
我们的节日中秋活动方案
2014/08/19 职场文书
2014学生会工作总结报告
2014/12/02 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
综合测评个人总结
2015/03/03 职场文书
工作自我推荐信范文
2015/03/25 职场文书
员工表扬信怎么写
2015/05/05 职场文书
张丽莉事迹观后感
2015/06/16 职场文书
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python
Python机器学习之底层实现KNN
2021/06/20 Python