Question

我想在我的网页上进行以下操作：

输入字段（查看下面带有数字1的图像）应该是一个自动完成输入，它与数据库进行通信以获取建议（例如，大学中可用的所有部门）。

选择一个部门后，它应该在第2部分（再看下图）中显示该部门可用的所有课程。

最后在第3节中，我想展示用户选择添加的所有类（来自第2节）。

Here is the image

为了让您进一步了解我正在尝试做什么，您可以查看此网站表单：https://www.transferology.com/（看看它只需要注册一个帐户）

我做了很多研究，我得出的结论是，为了做到这一点，我需要以某种方式在我的数据库（使用AJAX，PHP）之间进行通信，并使用一些jQuery完成所有内容。

我尝试了一切，但不幸的是我仍然坚持这一点，希望有人可以帮助我！

PS：即使是如何做到这一点的一般准则，也会非常感激。

Answer 1

有一百万种方法可以使用ajax ...

下载并将httpResponse.min.js添加到您的js文件夹。

[https://github.com/dirobu/httpResonse]

你的php返回脚本。

<?php //getJson.php
   if($_POST['departName'])
   {
     $data = array('stuff');
     echo json_encode($data); exit();
   }
?>

您的HTML页面

<script src="js/httpResponse.min.js"></script>
<script>
    function getItems()
    {
        httpResponse('departForm','getJson.php',setItems);
    }
    function setItems(data)
    {
       data = JSON.parse(data);
       // do stuff with the return var as data
    }
</script>
<div id="departForm">
    <input id="departName" onChange="getItems();" type="text">
</div>

这可能是最简单的方法，我建议使用带jquery的ajax，但这仍然可以用较少的编码完成工作。

与数据库积极沟通的表单（AJAX + PHP）

1 个答案: