php - 使用 AJAX 填充页面

Question

这对我来说是一个全新的领域，所以我希望有人能指出我正确的方向，希望是一个好的教程？

我有一个带有下拉列表的页面，根据我需要填充页面的列表中的用户选择。

谁能指出我做类似事情的好教程的方向？

这是我需要做的事情的顺序：

1. 页面加载
2. 用户从 HTML 下拉列表中选择一个值
3. 另一个 PHP 页面返回与该选择相关的数组。

谁能帮我吗？

Answer 1

使用 jQuery：

$('#id-of-your-select').change(function() {

  $.ajax({

    method: 'post',
    url: 'yourscript.php',
    data: '?theValue=of&your=dropdown',
    success: function(data) {
      $('#div-to-be-populated').html(data);
    }
  });
 });

在你的 php 中：

<?php

switch($_GET['dropdownvalue'] {

  case 'hello':
    echo '<p>Hello World<p>';
  break;
}
?>

当然，您必须根据需要对其进行配置，但我希望您了解基本概念

Answer 2

看看这个，http://www.w3schools.com/php/php_ajax_php.asp

本教程将使您成为 AJAX 和 PHP 方面的专家。

Answer 3

您可以使用 jquery 以非常简单的方式完成此操作。jquery 是此类问题的最佳解决方案。重要的链接是：http: //jquery.com ，您也可以从 w3schools 学习以获得更好的 jquery 知识。

Answer 4

根据您的要求，您需要两个 PHP 页面和 AJAX 知识。

1. PHP Page1（可能是HTML）加载正常页面
2. 在浏览器上，您需要为下拉菜单捕获“onChange”事件以调用函数。
3. 在该函数下，向您的第二个 PHP 页面发出 AJAX 请求。
4. 需要使用 PHP Page 2 返回的数据。

这是应该发生的事情的简单列表。

我假设你对第 1 步没问题。

对于第 2 步，您需要学习基本的 javascript。只需谷歌如何捕获 onChange 事件。几个快速链接是： 通过javascript将下拉onchange函数中的选定项目显示为html标签，请帮助如何

对于第 3 步，我建议不要走捷径，而是通过 http://www.w3schools.com/ajax/default.asp上的完整 AJAX 教程

完成该教程后，您将自己做事。