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 相关文章推荐
js textarea自动增高并隐藏滚动条
Dec 16 Javascript
JQuery扩展插件Validate 1 基本使用方法并打包下载
Sep 05 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
Aug 09 Javascript
JavaScript中九种常用排序算法
Sep 02 Javascript
jQuery中 prop() attr()使用详解
May 19 Javascript
JavaScript 对象深入学习总结(经典)
Sep 29 Javascript
利用types增强vscode中js代码提示功能详解
Jul 07 Javascript
JS实现百度搜索接口及链接功能实例代码
Feb 02 Javascript
vue实现模态框的通用写法推荐
Feb 26 Javascript
结合Vue控制字符和字节的显示个数的示例
May 17 Javascript
ES6中字符串的使用方法扩展
Jun 04 Javascript
vue中touch和click共存的解决方式
Jul 28 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
php数组应用之比较两个时间的相减排序
2008/08/18 PHP
php5.3中连接sqlserver2000的两种方法(com与ODBC)
2012/12/29 PHP
php和jquery实现地图区域数据统计展示数据示例
2014/02/12 PHP
php对二维数组进行相关操作(排序、转换、去空白等)
2015/11/04 PHP
php UNIX时间戳用法详解
2017/02/16 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
JavaScript使用prototype定义对象类型
2007/02/07 Javascript
JavaScript对象链式操作代码(jquery)
2010/07/04 Javascript
jquery选择器的选择使用及性能介绍
2013/01/16 Javascript
JavaScript实现按Ctrl键打开新页面
2014/09/04 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
2015/09/19 Javascript
举例说明如何为JavaScript的方法参数设置默认值
2015/11/17 Javascript
node+express制作爬虫教程
2016/11/11 Javascript
Ajax跨域实现代码(后台jsp)
2017/01/21 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
2017/03/07 Javascript
layui实现动态和静态分页
2018/04/28 Javascript
vue项目打包后怎样优雅的解决跨域
2019/05/26 Javascript
解决webpack多页面内存溢出的方法示例
2019/10/08 Javascript
jquery 键盘事件 keypress() keydown() keyup()用法总结
2019/10/23 jQuery
微信小程序实现选项卡滑动切换
2020/10/22 Javascript
Python中time模块与datetime模块在使用中的不同之处
2015/11/24 Python
利用Python实现图书超期提醒
2016/08/02 Python
Python cookbook(数据结构与算法)从任意长度的可迭代对象中分解元素操作示例
2018/02/13 Python
Flask框架踩坑之ajax跨域请求实现
2019/02/22 Python
Python批量修改xml的坐标值全部转为整数的实例代码
2020/11/26 Python
CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式
2013/11/05 HTML / CSS
HTML5 Canvas标签使用收录
2009/07/07 HTML / CSS
国际知名设计师时装商店:Coggles
2016/09/05 全球购物
英国DIY汽车维修配件网站:DIY Car Service Parts
2019/08/30 全球购物
税务会计岗位职责
2014/02/18 职场文书
大学自主招生推荐信
2014/05/10 职场文书
中层干部培训方案
2014/06/16 职场文书
乡镇党建工作汇报材料
2014/08/14 职场文书
学党史心得体会
2014/09/05 职场文书
立项申请报告范本
2015/05/15 职场文书
关于童年的读书笔记
2015/06/26 职场文书