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 相关文章推荐
用Javscript实现表单复选框的全选功能
May 25 Javascript
仿微博字符限制效果实现代码
Apr 20 Javascript
10分钟学会写Jquery插件实例教程
Sep 06 Javascript
javaScript数组迭代方法详解
Apr 14 Javascript
jQuery将表单序列化成一个Object对象的实例
Nov 29 Javascript
JavaScript中无法通过div.style.left获取值的解决方法
Feb 19 Javascript
React利用插件和不用插件实现双向绑定的方法详解
Jul 03 Javascript
微信小程序实现折叠展开效果
Jul 19 Javascript
使用VUE+iView+.Net Core上传图片的方法示例
Jan 04 Javascript
Angular脚手架开发的实现步骤
Apr 09 Javascript
实现elementUI表单的全局验证的方法步骤
Apr 29 Javascript
js实现简单的倒计时
Jan 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
openPNE常用方法分享
2011/11/29 PHP
基于curl数据采集之单页面采集函数get_html的使用
2013/04/28 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
详细分析PHP 命名空间(namespace)
2020/06/30 PHP
javascript循环变量注册dom事件 之强大的闭包
2010/09/08 Javascript
javascript的offset、client、scroll使用方法详解
2012/12/25 Javascript
javascript框架设计之类工厂
2015/06/23 Javascript
jQuery添加删除DOM元素方法详解
2016/01/18 Javascript
AngularJS 过滤与排序详解及实例代码
2016/09/14 Javascript
前端js实现文件的断点续传 后端PHP文件接收
2016/10/14 Javascript
jquery插件bootstrapValidator数据验证详解
2016/11/09 Javascript
自己封装的一个原生JS拖动方法(推荐)
2016/11/22 Javascript
详解Vue方法与事件
2017/03/09 Javascript
nodejs 日志模块winston的使用方法
2018/05/02 NodeJs
vue input输入框模糊查询的示例代码
2018/05/22 Javascript
JavaScript中click和onclick本质区别与用法分析
2018/06/07 Javascript
Angular利用HTTP POST下载流文件的步骤记录
2020/07/26 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
2020/10/26 Javascript
[03:35]2018年度DOTA2最佳辅助位选手5号位-完美盛典
2018/12/17 DOTA
python实现域名系统(DNS)正向查询的方法
2016/04/19 Python
编写Python爬虫抓取暴走漫画上gif图片的实例分享
2016/04/20 Python
利用python GDAL库读写geotiff格式的遥感影像方法
2018/11/29 Python
Python函数定义及传参方式详解(4种)
2019/03/18 Python
Python3.6+Django2.0以上 xadmin站点的配置和使用教程图解
2019/06/04 Python
Simons官方网站:加拿大时尚零售商
2020/02/20 全球购物
大型营销活动计划书
2014/04/28 职场文书
经济贸易系求职信
2014/08/04 职场文书
2014年教师节座谈会发言稿
2014/09/10 职场文书
创先争优个人总结
2015/03/04 职场文书
党支部考察意见范文
2015/06/02 职场文书
跑出一片天观后感
2015/06/08 职场文书
2016基督教会圣诞节开幕词
2016/03/04 职场文书
2019年消防宣传标语集锦
2019/11/21 职场文书
Goland使用Go Modules创建/管理项目的操作
2021/05/06 Golang
Python pandas求方差和标准差的方法实例
2021/08/04 Python
微软团队与 NASA 科学家和惠普企业(HPE)的工程师合作
2022/04/21 数码科技