gpt4 book ai didi

jquery-mobile - 奇怪的 cflocation 行为 : redirecting to page but not updating url

转载 作者:行者123 更新时间:2023-12-04 03:36:34 25 4
gpt4 key购买 nike

我在 ColdFusion 中有一个基本的移动登录页面,允许用户输入用户名和密码并登录。成功登录后,该页面使用 cflocation 重定向到主页。然而,当页面成功重定向到主页时,它仍然在地址栏中显示登录页面 URL。我们在整个 Web 应用程序中多次使用 cflocation,我以前从未遇到过这种行为,也无法弄清楚是什么导致了它。

页面代码要点:

<cfparam name="invalidLogin" default="false">
<cfif cgi.REQUEST_METHOD EQ "POST" AND isDefined("form.email") AND isDefined("form.password") and len(trim(form.email)) and len(trim(form.password))>
<!--- call the login method --->
<cfinvoke component="login" method="userlogin" returnvariable="userData">
<cfinvokeargument name="userName" value="#form.email#">
<cfinvokeargument name="password" value="#form.password#">
</cfinvoke>

<cfif userData.isLoggedIn>
<cflocation url="index.cfm" addtoken="no">
</cfif>
<cfset invalidLogin = true />
</cfif>

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Log In</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/jquery.mobile.structure-1.3.2.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css" />
<link href="css/common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.3.2.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<div data-role="page" class="bg-color">
<div class="container">
<div data-role="content">
<div class="article">
<div class="logoDiv">
<img src="img/companyLogo.png" />
</div>
</div>

<form action="" method="post" name="frmLogin" id="frmLogin" class="margin-top" data-transition="slide">
<div>
<input type="text" name="email" id="email" placeholder="Username">
<input type="password" name="password" id="password" placeholder="Password">
</div>
<cfif invalidLogin><div>Invalid Login</div></cfif>
<div>
<input type="submit" value="Log In" data-theme="b" />
</div>
</form>
</div>
</div>
</div>
</body>
</html>

最佳答案

要防止 jQuery Mobile 通过 Ajax 使用重定向处理表单,您需要关闭 Ajax 导航并通过 HTTP 处理请求。

为此,将 data-ajax="false" 属性添加到 form 标记。这将仅在表单 上停止 Ajax 导航。

请注意,当 Ajax 关闭时,将当前表单页面移动到新页面时将失去转换,因此 data-transition="slide" 将无效.

<form action="" data-ajax="false" method="post" name="frmLogin" id="frmLogin">

关于jquery-mobile - 奇怪的 cflocation 行为 : redirecting to page but not updating url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21110122/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com