返回 Jquery 站点主页时无法访问脚本
Posted
技术标签:
【中文标题】返回 Jquery 站点主页时无法访问脚本【英文标题】：Cannot access scripts when return to main page of Jquery site 【发布时间】：2014-02-14 21:53:54 【问题描述】：好的，我从一开始就重新发布。我对此感到非常沮丧，我将一起放弃 JQM。这不应该这么难。
我的网站结构：
OUI/
index.php
js/
pages/
images/
在我的 index.php 页面上，我只有一个用于登录的两行表单，我在 http://localhost/~me/OUI/:
<? session_start();
?><!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=false,initial-scale=1;">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="js/jquery.mobile-1.4.0.min.css">
<link rel="stylesheet" type="text/css" href="css/jqm-datebox.min.css" />
<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="js/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jqm-datebox.comp.datebox.min.js"></script>
<script src="js/mainsite.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/main.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>OUI CHEF</title>
</head>
<body style="background-image:url(media/kitchen.jpg)">
<div data-role="page" id="loginarea">
<div data-role="content" id="maincontentarea2">
<img src="media/OUIChef.png" style="margin-top:75px" id="mainimage">
<div data-role="fieldcontain" class="ui-hide-label">
<label for="username">Username:</label>
<input type="text" name="username" id="username" value="" style="text-align:center" placeholder="Username"/><BR>
<label for="username">Password:</label>
<input type="password" name="password" id="password" value="" style="text-align:center" placeholder="Password"/>
</div>
<div style="text-align:center">
<a href="javascript:doLogin();" data-role="button" data-inline="true" data-mini="true">DO LOGIN</a>
</div>
</div><!-- /page -->
</div>
</body>
</html>
所以当我点击登录按钮时，它会将我带到我的 options.php 页面 vi 以下功能：
function doLogin()
$.ajax(
type: "POST",
url: "functions/checklogin.php",
data:
usrnm: $('#username').val() , passwd: $('#password').val()
)
.done(function( msg )
if(msg.match(/YES/))
$('#username').val('');
$('#password').val('');
$("body").pagecontainer("change","pages/options.php", );
else
alert(msg);
);
在 URL 栏中，我现在有 http://localhost/~me/OUI/pages/options.php 并且页面中的所有内容都运行良好。我有退出按钮。在调用
OPTIONS.PHP：
<div data-role="page" id="optionspage">
<div data-role="header">
<a href="javascript:doSignout();" data-role="button" data-mini="true" class="ui-btn-right" style="padding:5px">Sign Out</a>
<h1>MAIN</h1>
</div>
<div data-role="content" id="options1">
<? if($_SESSION['role']=='A')?>
<a href="admin.php" data-role="button" data-mini="true">ADMIN PAGE</a>
<a href="ordersetup.php" data-role="button" data-mini="true">ORDER SETUP PAGE</a>
<? ?>
<a href="production.php" data-role="button" data-mini="true">PRODUCTION</a>
<a href="menurecipe.php" data-role="button" data-mini="true">MENU / RECIPE PAGE</a>
</div><!-- /content -->
</div>
这调用了 JS：
function doSignout()
$.ajax(
type: "POST",
url: "../functions/signout.php",
data:
)
.done(function( msg )
$('body').pagecontainer( "change", "#loginarea",);
);
我永远无法获得指向退出页面的链接以正确链接。如果我从“页面”文件夹中放置应该正确的双点，我会尝试链接到
http://localhost/~me/functions/signout.php
如果我去掉我得到的双点
http://localhost/~me/OUI/pages/functions/signout.php
这两个都是 404 错误.......这是我书中的 BUNK。 “..”实际上是删除两个目录..不仅仅是一个。
发生了什么？请帮忙
【问题讨论】：
如果登录脚本失败，您为什么不提供该代码？ 这不是登录脚本。一旦我运行 doSignout Javascript，它就可以访问任何东西。就好像 Jquery mobile 失去了 AJAX 加载任何东西的能力。 查看***.com/questions/19174611/… 【参考方案1】：由于我们没有看到您的登录功能，我假设它看起来像下面这样？
$.ajax(
type: "POST",
url: "../functions/signin.php",
data:
)
如果是这种情况，当您最初居住在/OUI/ 时，"../functions/signin.php" 如何找到它的标记——当您在主页上时，它肯定需要是"functions/signin.php"。
简单地说，我猜你的登录代码最初在主页上是不同的，然后在通过 ajax 加载后续页面后，你的登录代码被设计为与 @987654325 一起使用的代码覆盖或修改@ 前缀在更深的页面上......当您切换回主页时，这并没有得到纠正。
基本上，您需要重写代码以检测当前 URL 所在的文件夹深度并相应地请求您的 ajax 文件...或者设置一个全局变量（易于更新），以保持完整的域路径为所有 ajax url 加上前缀。即：
var ROOT_URL = 'http://localhost/OUI/';
根据您要使用的内容，此路径可由 PHP 或 JavaScript 生成，PHP 更可靠——因为最终用户不需要 JavaScript——但在代理和共享主机后面托管时可能会混淆。
var ROOT_URL = 'http://<?php echo $_SERVER["HTTP_HOST"]; ?>/OUI/';
var ROOT_URL = 'http://' + window.location.host + '/OUI/';
【讨论】：
以上是关于返回 Jquery 站点主页时无法访问脚本的主要内容，如果未能解决你的问题，请参考以下文章
无法使用 jquery 访问通过 google chrome 内容脚本注入的 iframe 的内容
从远程机器上部署的 kubernetes 仪表板服务访问本地笔记本电脑时无法访问站点问题
Apache2“localhost”可以工作，但对于 127.0.0.1，我得到“无法访问此站点，拒绝连接”。 SSL 也返回授权错误