-1

我的页面上有 3 个可点击的菜单项：

  • 选项1
  • 选项2
  • 选项3

我的服务器上还有 3 个 php 文件：

  • 选项1.php
  • 选项2.php
  • 选项3.php

为简单起见，假设 option1.php 回显数字 1，option2.php 回显数字 2，等等。

为了避免页面刷新，我想使用AJAX，所以当用户点击option1时，option1.php文件会显示数字1。我希望我已经清楚了。

有什么好方法可以做到这一点？

编辑：我再次审查了我的问题并提出了解决方案。在包含我的菜单项的 php 文件中，我添加了一个更新区域 div。

<div id="update_area">
</div>

我的外部 javascript 文件包含 onclick 事件，该事件调用一个函数，该函数发送要由我的 AJAX php 文件处理的菜单项编号。这测试了我的

$_GET[sent_data]

如果（例如）它等于 1，那么它使用

require "option1.php";

现在该功能正在运行，我可以独立编辑我的 option?.php 文件。

我将 SomeKittens 的答案选为最有帮助的答案。

4

4 回答 4

2

在将 AJAX 数据发送回 PHP 的 JavaScript 代码的某个时刻，您需要指定要将数据发送到哪个 PHP 文件。在 vanilla JS 中，这是ajaxRequest.open部分。让您的 AJAX 函数接受一个字符串参数（例如phpfile），然后使用以下代码段在 AJAX 函数中选择 php 文件：

ajaxRequest.open("GET", phpfile, true);

您的表单元素将具有 attrib onclick：

onClick="myAJAX('option1.php')"

等等等等

http://www.tizag.com/ajaxTutorial/

于 2012-10-31T13:56:34.597 回答
1

这是使用 AJAX 检索数据并将其显示在页面上的 Javascript 和 HTML 的起点。

Javascript（包含 jQuery 之后）

function getDataForOption(num) {
    $.ajax(function() {
        url: "option" + num + ".php",
        success: function(data) {
            $('#results').html(data);
        }
    });

    return false;
}

HTML

<div id="results"></div>
<a href="#" onclick="getDataForOption(1);">Option 1</a>
<a href="#" onclick="getDataForOption(2);">Option 2</a>
<a href="#" onclick="getDataForOption(3);">Option 3</a>
于 2012-10-31T13:59:22.910 回答
0 
$('.link').on('click', function() {
  $.get($(this).attr('href'), function(r) { $('#container').html(r) });
});
于 2012-10-31T13:54:42.537 回答
0

正如你所说，你需要使用 AJAX。当有人点击 option1 时，它会将选项的值传递给函数。这个值将决定请求应该在哪个页面上。通过 AJAX 发送请求，onSuccess 显示输出。

于 2012-10-31T13:55:34.067 回答