所以我有一个有趣的问题
我在使用 jquery .load() 函数时遇到问题。我的文件结构如下
index.php
|
|---header.html
|---body.html
|---footer.html
索引.php设置三个变量,如下所示$variable_one = new Database('passedQuery');
然后,页眉.html、正文.html和页脚.html将包含在索引中.php
在身体上.html我有类似的东西
<div class="span4 well">
<h3>Current Statistics</h3>
<hr>
<table class="table table-striped">
<thead>
<tr>
<th>Users</th>
<th>Event One</th>
<th>Event Two</th>
<th>Event Three</th>
</tr>
</thead>
<tbody>
<tr>
<td><?php echo $var1->result[0][0]; ?></td>
<td><?php echo $var2->result[0][0]; ?></td>
<td><?php echo $var3->result[0][0]; ?></td>
</tr>
</tbody>
</table>
</div>
我在body中也有一个表单.html它是通过通用jquery函数提交的
$(document).ready(function(){
$('.btn').bind('click', function(e){
e.preventDefault();
var form = $(this).parents('form');
var vals = $(form).serialize();
var form_id = $(form).attr('id');
$.ajax({
url: $(form).attr('action'),
type: $(form).attr('method'),
data: vals,
dataType: 'json',
success: function(data){
console.log("Success");
$('#information').html('<div class="alert alert-success">Great Success! :)</div>');
setTimeout(function() {
$('#content').load('views/partials/body.html');
}, 5000);
},
error: function(a, b, c){
console.log("Error");
$('#information').html('<div class="alert alert-error">Epic Failure</div>');
setTimeout(function() {
$('#content').load('views/partials/body.html');
}, 5000);
}
});
});
});
当我提交表单并重新加载正文时,在 html 中回显的 PHP 变量现在消失了,我收到类似于以下内容的 apache 错误
[dateTime] [error] [client IP] PHP Notice: Undefined variable: variable in /path/to/body.html on line 133, referer: myReferrer
我问了我的几个朋友,他们都被难住了,Freenode的 #jquery 也是如此。有人有什么想法吗?
更新 - 表单代码和索引.php代码形式
<div class="span4 well">
<form class="form-horizontal" id="admin_add" name="admin_add" method="post" action="routes/to/add_admin.php">
<fieldset>
<legend>Add Administrator</legend>
<div class="control-group">
<label class="control-label" for="select03">Select a user</label>
<div class="controls">
<select id="select03" name="user">
<?php
foreach($var1->result as $key => $value)
echo "<option>".$value[0]."</option>";
?>
</select>
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary form-submit-button">Submit</button>
</div>
</fieldset>
</form>
</div>
指数
$var2 = new Database('query', 'SELECT COUNT(uid) FROM attendees WHERE eid = 1');
$var3 = new Database('query', 'SELECT COUNT(uid) FROM attendees WHERE eid = 2');
/**
* List users to add to database
*/
$var1 = new Database('query', 'SELECT name FROM users WHERE admin=0');
/**
* Include all the visuals
*/
include('views/partials/header.html');
require_once('views/partials/body.html');
include('views/partials/footer.html');
当你加载body时.html我猜你第一次使用php的include()
函数加载它。好吧,它所做的是"连接"php,所以在服务器端它就像一个很长的php文件。这适用于您的变量,因为它好像代码中没有中断。
当你使用jQuery的load()
函数时,这发生在客户端。正在发生的事情是,您正在获得 JUST body.html
的 html 输出,并且您正在动态(在客户端)将该内容放入客户端页面。
那么你遇到的问题是PHP不再连接。 load()
将body.html
的奇点放在页面中。
另一种看待它的方法是,当有人去解析 php index.php
时,所有被回显的变量都会变成沼泽标准文本/html 并发送到浏览器。一旦它们不再是php变量,它们只是text/html。通过 javascript 发出新的body.html
请求意味着您引用的那些变量不再可用。它们已经被转换为HTML并运送到浏览器,然后php停止了,这是一个新的请求。
老实说,我不知道您想如何解决此问题。您可能想研究像 smarty 这样的模板系统。或者,您可能希望将函数放入名为functions.php
并将其包含在body.html
中,然后在body.html
中引用这些函数,而不是依赖于索引页中的代码。
即您的body.html
将如下所示:
<?php include "functions.php"; ?>
<div ...>
<?php
$var1 = getVar1(); // function in functions.php
echo $var1->result[0][0];
// ... etc
?>
</div>
然后,当它从javascript调用时,在它被传送到浏览器之前,php将被评估并且一切都会起作用。
希望我已经很好地解释了这个家伙。 :)
当你的jQuery请求到达服务器时,它将为你提供后端body.html,它没有任何PHP处理,所以你在index.php中设置的变量不存在。