JQuery.get提交页面不跳转的解决方法
2018-10-12 14:01
585 查看
代码如下:
<%@ 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提交页面不跳转的问题,这个折腾啊。
您可能感兴趣的文章:
相关文章推荐
- JQuery.get提交页面不跳转的解决方法
- WebDriver封装GET方法来解决页面跳转不稳定的问题
- jQuery提交数据给php,serialize()方法提交所有数据,不发生页面跳转
- WebDriver封装GET方法来解决页面跳转不稳定的问题
- 【开源自动化测试疑难FAQ】【WebDriver】封装GET方法来解决页面跳转不稳定的问题
- 转:【WebDriver】封装GET方法来解决页面跳转不稳定的问题
- jQuery提交数据给php,serialize()方法提交所有数据,不发生页面跳转
- jquery-mobile的页面跳转和iscroll之间的兼容解决方法
- jquery-mobile的页面跳转和iscroll之间的兼容解决方法
- Servlet 使用getRequestDispatcher进行请求转发页面未跳转 后台也未报错的问题的解决方法
- 页面元素绑定jquery toggle后元素隐藏的解决方法
- Ajax提交success方法中添加页面跳转
- jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
- Form表单只提交数据而不进行页面跳转的方法
- Form表单只提交数据而不进行页面跳转的方法
- [j2ee][servlet]使用get方法提交form表单时出现乱码解决方法
- 遇到第二个页面需要第一个页面Get解析的json串的数据时所遇到的问题解决方法!!
- getJSON 跨域脚本提交出现"invalid label"解决方法 ,域脚本
- Toast在进行页面跳转后关闭提示的解决方法!
- .net MVC3使用jquery.mobile 解决页面二次跳转不加载的问题