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连接access数据库的方法
Nov 17 Javascript
jquery 动态创建元素的方式介绍及应用
Apr 21 Javascript
Angular实现跨域(搜索框的下拉列表)
Feb 16 Javascript
非常实用的vue导航钩子
Mar 20 Javascript
Bootstrap DateTime Picker日历控件简单应用
Mar 25 Javascript
基于BootStrap的文本编辑器组件Summernote
Oct 27 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
Nov 18 Javascript
Vue项目查看当前使用的elementUI版本的方法
Sep 27 Javascript
Vue实现滑动拼图验证码功能
Sep 15 Javascript
vue+axios实现post文件下载
Sep 25 Javascript
Vue 中使用 typescript的方法详解
Feb 17 Javascript
antd多选下拉框一行展示的实现方式
Oct 31 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 Array交叉表实现代码
2010/08/05 PHP
PHP中改变图片的尺寸大小的代码
2011/07/17 PHP
PHP static局部静态变量和全局静态变量总结
2014/03/02 PHP
PHP的魔术常量__METHOD__简介
2014/07/08 PHP
PHP比你想象的好得多
2014/11/27 PHP
php运行时动态创建函数的方法
2015/03/16 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
PHP实现的只保留字符串首尾字符功能示例【隐藏部分字符串】
2019/03/11 PHP
JS的事件绑定深入认识
2014/06/26 Javascript
jQuery元素选择器用法实例
2014/12/23 Javascript
JavaScript中字符串拼接的基本方法
2015/07/07 Javascript
jquery中取消和绑定hover事件的实现代码
2016/06/02 Javascript
ionic2 tabs使用 Modal底部tab弹出框
2016/12/30 Javascript
详解微信小程序审核不通过的解决方法
2018/01/17 Javascript
微信小程序自定义底部导航带跳转功能
2018/11/27 Javascript
NodeJs之word文件生成与解析的实现代码
2019/04/01 NodeJs
单线程JavaScript实现异步过程详解
2020/05/19 Javascript
[01:17:55]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/20 DOTA
Python调用C/C++动态链接库的方法详解
2014/07/22 Python
python线程池(threadpool)模块使用笔记详解
2017/11/17 Python
轻松实现TensorFlow微信跳一跳的AI
2018/01/05 Python
Python基于FTP模块实现ftp文件上传操作示例
2018/04/23 Python
wxPython窗体拆分布局基础组件
2019/11/19 Python
Python利用逻辑回归模型解决MNIST手写数字识别问题详解
2020/01/14 Python
Python实现读取并写入Excel文件过程解析
2020/05/27 Python
基于tensorflow for循环 while循环案例
2020/06/30 Python
京东全球售:直邮香港,澳门,台湾,美国,澳大利亚等地区
2017/09/24 全球购物
荷兰最大的儿童服装店:The Kids Republic
2019/04/13 全球购物
服装设计专业毕业生推荐信
2013/11/09 职场文书
餐厅经理岗位职责范本
2014/02/17 职场文书
计划生育标语
2014/06/23 职场文书
个人主要事迹材料
2014/08/26 职场文书
公安四风对照检查材料思想汇报
2014/10/11 职场文书
vue引入Excel表格插件的方法
2021/04/28 Vue.js
redis 存储对象的方法对比分析
2021/08/02 Redis
关于使用Redisson订阅数问题
2022/01/18 Redis