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 相关文章推荐
JQUERY对单选框(radio)操作的小例子
Apr 25 Javascript
了不起的node.js读书笔记之node.js中的特性
Dec 22 Javascript
JavaScript中对象property的读取和写入方法介绍
Dec 30 Javascript
学习JavaScript设计模式(链式调用)
Nov 26 Javascript
JS获取url参数、主域名的方法实例分析
Aug 03 Javascript
酷! 不同风格页面布局幻灯片特效js实现
Feb 19 Javascript
微信小程序 scroll-view隐藏滚动条详解
Jan 16 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
Aug 17 Javascript
JS实现字符串去重及数组去重的方法示例
Apr 21 Javascript
React Router V4使用指南(精讲)
Sep 17 Javascript
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
Feb 10 Javascript
关于javascript中的promise的用法和注意事项(推荐)
Jan 15 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
有关于PHP中常见数据类型的汇总分享
2014/01/06 PHP
php中hashtable实现示例分享
2014/02/13 PHP
php广告加载类用法实例
2014/09/23 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
py文件转exe时包含paramiko模块出错解决方法
2016/08/12 PHP
JavaScript 异步调用框架 (Part 3 - 代码实现)
2009/08/04 Javascript
模拟select的代码
2011/10/19 Javascript
js中top/parent/frame概述及案例应用
2013/02/06 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
2013/06/21 Javascript
javascript中几个容易混淆的概念总结
2015/04/14 Javascript
javascript实现动态导入js与css等静态资源文件的方法
2015/07/25 Javascript
jQuery移动web开发之页面跳转和加载外部页面的实现
2015/12/04 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
2015/12/22 Javascript
Bootstrap前端开发案例二
2016/06/17 Javascript
jQuery动态添加与删除tr行实例代码
2016/10/18 Javascript
vue.js国际化 vue-i18n插件的使用详解
2017/07/07 Javascript
python日志记录模块实例及改进
2017/02/12 Python
python爬虫入门教程--正则表达式完全指南(五)
2017/05/25 Python
python如何保证输入键入数字的方法
2019/08/23 Python
基于Django框架的权限组件rbac实例讲解
2019/08/31 Python
解决Python中导入自己写的类,被划红线,但不影响执行的问题
2020/07/13 Python
python matplotlib工具栏源码探析三之添加、删除自定义工具项的案例详解
2021/02/25 Python
html如何对span设置宽度
2019/10/30 HTML / CSS
Linux如何修改文件和文件夹的权限
2013/09/05 面试题
新学期家长寄语
2014/01/19 职场文书
师范学院美术系毕业生自我鉴定
2014/01/29 职场文书
财务简历的自我评价
2014/03/05 职场文书
促销活动计划书
2014/05/02 职场文书
党的群众路线教育实践活动通讯稿
2014/09/10 职场文书
婚礼答谢礼品
2015/01/20 职场文书
导游词欢迎词
2015/02/02 职场文书
重阳节慰问信
2015/02/15 职场文书
2015年学校心理健康教育工作总结
2015/05/11 职场文书
详解如何修改nginx的默认端口
2021/03/31 Servers
使用ICOM IC-R9500接收机同时测评十台收音机中波接收性能
2022/05/10 无线电