听起来您正试图简单地将 HTML 元素的内容设置为执行 PHP 脚本的结果。这是一个示例 PHP 脚本,它将根据您在“foo”参数中传递的参数打印一个 HTML 链接。
<?
// Get the parameter "foo" from the URL string.
$action = $_GET['foo'];
// Return a different link depending on what 'foo' is.
switch ($action) {
case 'a':
print('<a href="Link.php?action=Delete">Delete</a>');
break;
case 'b':
print('<a href="Link.php?actiom=Edit">Edit</a>');
break;
default:
print('<a href="Link.php?action=New">New</a>');
break;
}
?>
现在您需要使用 Javascript (jQuery) 从 HTML 文件中加载该 PHP 脚本。这是一个简单的页面来证明这一点。
<html>
<head>
<title>Demo Page</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function() {
$.get('ajax.php?foo=a', function(data) {
$('#result').html('Received response: ' + data);
});
});
</script>
</head>
<body>
<!-- This div will contain a link to the "Delete" -->
<div id="result"/>
</body>
</html>
一些要记住的事情:
- 此演示假定“ajax.php”和“demo.html”文件位于同一目录中。
- 还假设您的 jQuery Javascript 文件位于名为“js”的目录中名为“jquery.js”的文件中。
- 您需要从实时 Web 服务器运行此示例。换句话说,如果您将这些文件放在桌面上并在 Web 浏览器中打开“demo.html”,这将不起作用。有两个原因。现代浏览器中的安全限制通常会阻止来自本地文件的 AJAX 调用。此外,PHP 页面将无法运行,从而使整个练习变得毫无用处。
这是您应该拥有的目录结构,假设 /www/data 是您的 Web 服务器文件的根目录:
- /www/data/demo.html
- /www/data/ajax.php
- /www/data/js/jquery.js