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语句中的CDATA标签的意义
May 09 Javascript
读jQuery之四(优雅的迭代)
Jun 20 Javascript
jquery 按钮状态效果 正常、移上、按下
Aug 12 Javascript
使用delegate方法为一个tr标签加一个链接
Jun 27 Javascript
Jquery中Event对象属性小结
Feb 27 Javascript
jQuery添加和删除输入文本框标签代码
May 20 Javascript
JS定时器使用,定时定点,固定时刻,循环执行详解
May 31 Javascript
Javascript对象字面量的理解
Jun 22 Javascript
JS Canvas定时器模拟动态加载动画
Sep 17 Javascript
jquery插入兄弟节点的操作方法
Dec 07 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
Mar 07 Javascript
react.js使用webpack搭配环境的入门教程
Aug 14 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判断邮箱地址是否存在的方法
2016/02/13 PHP
PHP正则匹配日期和时间(时间戳转换)的实例代码
2016/12/14 PHP
tp5.1 框架路由操作-URL生成实例分析
2020/05/26 PHP
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
2016/04/17 Javascript
Bootstrap项目实战之子栏目资讯内容
2016/04/25 Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
2016/05/05 Javascript
jQuery实现下拉框功能实例代码
2016/05/06 Javascript
JavaScript的ExtJS框架中表格的编写教程
2016/05/21 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
使用 bootstrap modal遇到的问题小结
2016/11/09 Javascript
ReactNative页面跳转Navigator实现的示例代码
2017/08/02 Javascript
vue项目刷新当前页面的三种方法
2018/12/04 Javascript
在微信小程序中保存网络图片
2019/02/12 Javascript
ES6中定义类和对象的方法示例
2019/07/31 Javascript
js实现点赞效果
2020/03/16 Javascript
Python检测QQ在线状态的方法
2015/05/09 Python
Python pyinotify日志监控系统处理日志的方法
2018/03/08 Python
numpy中实现二维数组按照某列、某行排序的方法
2018/04/04 Python
PyQt5每天必学之布局管理
2018/04/19 Python
python实现图片插入文字
2019/11/26 Python
Python实现名片管理系统
2020/02/14 Python
python如何处理程序无法打开
2020/06/16 Python
python中pdb模块实例用法
2021/01/15 Python
美国内衣品牌:Leonisa
2016/08/14 全球购物
Links of London官方网站:英国标志性的珠宝品牌
2017/04/09 全球购物
预订奥兰多和佛罗里达州公园门票:FloridaTix
2018/01/03 全球购物
德国BA保镖药房中文网:Bodyguard Apotheke
2021/03/09 全球购物
商得四方公司面试题(gid+)
2014/04/30 面试题
员工廉洁自律承诺书
2014/05/26 职场文书
领导干部学习“三严三实”思想汇报
2014/09/15 职场文书
房屋过户委托书范本
2014/10/07 职场文书
2014年化验员工作总结
2014/11/18 职场文书
手术室护士个人总结
2015/02/13 职场文书
公司年夜饭通知
2015/04/25 职场文书
2019下半年英语教师的教学工作计划(3篇)
2019/09/25 职场文书