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 wmp操作代码小结(音乐连播功能)
Nov 08 Javascript
laytpl 精致巧妙的JavaScript模板引擎
Aug 29 Javascript
JavaScript中判断整字类型最简洁的实现方法
Nov 08 Javascript
JavaScript数组迭代器实例分析
Jun 09 Javascript
Bootstrap每天必学之弹出框(Popover)插件
Apr 25 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
May 21 Javascript
jQuery自定义数值抽奖活动代码
Jun 11 Javascript
微信小程序 wx.request(接口调用方式)详解及实例
Nov 23 Javascript
JavaScript中闭包的详解
Apr 01 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
Aug 28 Javascript
node.js实现简单的压缩/解压缩功能示例
Nov 05 Javascript
JavaScript适配器模式原理与用法实例详解
Mar 09 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
法压式咖啡之制作法
2021/03/03 冲泡冲煮
php实现的支持imagemagick及gd库两种处理的缩略图生成类
2014/09/23 PHP
PHP移动文件指针ftell()、fseek()、rewind()函数总结
2014/11/18 PHP
php单态设计模式(单例模式)实例
2014/11/18 PHP
实例讲解PHP设计模式编程中的简单工厂模式
2016/02/29 PHP
PHP+MySql+jQuery实现的&quot;顶&quot;和&quot;踩&quot;投票功能
2016/05/21 PHP
Laravel框架实现超简单的分页效果示例
2019/02/08 PHP
Laravel Validator自定义错误返回提示消息并在前端展示
2019/05/09 PHP
PHP简单实现图片格式转换(jpg转png,gif转png等)
2019/10/30 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
一些常用的Javascript函数
2006/12/22 Javascript
js简单实现点击左右运动的方法
2015/04/10 Javascript
jQuery中通过ajax的get()函数读取页面的方法
2016/02/29 Javascript
浅谈javascript中的事件冒泡和事件捕获
2016/12/28 Javascript
yarn的使用与升级Node.js的方法详解
2017/06/04 Javascript
关于webpack2和模块打包的新手指南(小结)
2017/08/07 Javascript
Vue.js通用应用框架-Nuxt.js的上手教程
2017/12/25 Javascript
Vue的click事件防抖和节流处理详解
2019/11/13 Javascript
javascript实现前端成语点击验证优化
2020/06/24 Javascript
SublimeText 2编译python出错的解决方法(The system cannot find the file specified)
2013/11/27 Python
解决Django migrate No changes detected 不能创建表的问题
2018/05/27 Python
tensorflow实现逻辑回归模型
2018/09/08 Python
Python OS模块实例详解
2019/04/15 Python
Python Pandas分组聚合的实现方法
2019/07/02 Python
Python 实现文件读写、坐标寻址、查找替换功能
2019/09/11 Python
新加坡网上美容店:Hermo新加坡
2019/06/19 全球购物
xml有哪些解析技术?区别是什么
2016/04/26 面试题
开办大学饮食联盟创业计划书
2014/01/29 职场文书
安全标准化汇报材料
2014/02/03 职场文书
天猫某品牌专卖店运营计划书
2014/03/21 职场文书
模具专业自荐信
2014/05/29 职场文书
先进员工获奖感言
2014/08/14 职场文书
客服专员岗位职责范本
2015/04/07 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
班主任经验交流心得体会
2015/11/02 职场文书
SpringCloud超详细讲解Feign声明式服务调用
2022/06/21 Java/Android