当前位置: 首页 > 编程笔记 >

JQuery.get提交页面不跳转的解决方法

岳俊雅
2023-03-14
本文向大家介绍JQuery.get提交页面不跳转的解决方法,包括了JQuery.get提交页面不跳转的解决方法的使用技巧和注意事项,需要的朋友参考一下

代码如下:


<%@ 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提交页面不跳转的问题,这个折腾啊。

 类似资料:
  • 本文向大家介绍springboot无法跳转页面的问题解决方案,包括了springboot无法跳转页面的问题解决方案的使用技巧和注意事项,需要的朋友参考一下 首先我登录页面直接通过浏览器请求直接访问的,项目结构如图所示 登录页面 点击提交后,是一个ajax发送表单里面的数据,请求地址为index,会去数据库里面查询是否有这个人(后端采用mybatis去数据库查询),根据返回的结果,跳到相应的页面去,

  • 本文向大家介绍destoon整合ucenter后注册页面不跳转的解决方法,包括了destoon整合ucenter后注册页面不跳转的解决方法的使用技巧和注意事项,需要的朋友参考一下 通常采用ucenter来做中介,添加多个应用然后使多个站点有同步登录退出的功能。 ucenter添加应用并不难,destoon官网上也有相关的教程。 但是很多朋友在几个应用添加完毕以后,注册一个帐号测试的时候,问题就出现

  • 本文向大家介绍微信小程序出现wx.navigateTo页面不跳转问题的解决方法,包括了微信小程序出现wx.navigateTo页面不跳转问题的解决方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了微信小程序出现wx.navigateTo页面不跳转问题的解决方法。分享给大家供大家参考,具体如下: 今天在做微信小程序的时候,做的商品购买流程。流程是这样的: 商品展示-->商品详情-->下单页

  • 本文向大家介绍Spring Security跳转页面失败问题解决,包括了Spring Security跳转页面失败问题解决的使用技巧和注意事项,需要的朋友参考一下 这篇文章主要介绍了Spring Security跳转页面失败问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 今天新建SpringBoot项目练手,第一次添加了Spring Se

  • 本文向大家介绍vue-router跳转页面的方法,包括了vue-router跳转页面的方法的使用技巧和注意事项,需要的朋友参考一下 使用 Vue.js 做项目的时候,一个页面是由多个组件构成的,所以在跳转页面的时候,并不适合用传统的 href,于是 vue-router 应运而生 官方文档请点击这里 ## vue-router 第一步当然是安装了,用npm安装命令 第二步在.vue组件里添加标签,

  • 本文向大家介绍JavaScript中通过提示框跳转页面的方法,包括了JavaScript中通过提示框跳转页面的方法的使用技巧和注意事项,需要的朋友参考一下 通过提示框跳转页面具体代码如下所示: 下面给大家介绍几种比较常见的js实现页面跳转的方式 第一种: 第二种: 第三种: 第四种: 第五种: 接着给大家介绍js使用弹出窗口实现页面跳转的几种方式 —————————————————————————