php - 如何使用 Ajax 更新 MySQL 表并在不重新加载页面的情况下获取新内容

Question

我真的需要帮助。我正在为我工​​作的公司创建一个工作系统，我们在网站上为各种客户创造工作机会。有一些公司，每个公司都有商店位置和用户，公司下的每项工作都与事件周和商店位置相关联。因此，创建职位意味着需要选择公司，选择要为其创建职位的公司下的商店，选择该公司的用户，选择事件周，输入该职位的附加信息并单击创建作业。

首先，我们会进入公司页面添加新公司、商店页面、用户等，然后再进入职位页面创建新职位。现在，我正在创建一个表单向导来在一页上完成所有操作。

目前，我创建了表单向导系统，允许我们选择或创建内容，但每次我们创建新公司、商店、用户或事件时，页面都必须重新加载，并且表单向导从第一步开始。如果我们使用 Ajax 创建新内容，它会提交内容而无需重新加载页面。但是，我们希望使新内容立即在下拉选择字段中可见，而无需重新加载页面。

这是我用来提交新公司、商店等的 Ajax 示例。

    // Create a new Company 
 $(function(){
    $('#addCompany').submit(function(e){
        e.preventDefault();
        var form = $(this);
        var post_url = form.attr('action');
        var post_data = form.serialize();
        $.ajax({
            type: 'POST',
            url: post_url, 
            data: post_data,
            success: function() {
                $("#newCompany").modal('hide');
                $('#mesg').append('<div class="alert alert-success" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button><strong>Nice!</strong> Company was added successfully!</div>');
              }
            });
        });
    });

这是我用来获取下拉列表的 Ajax 示例。

 // General List for Company and Stores
function Company() {
    $('#Company').empty();
    $('#Company').append("<option value=''>- Select Company -</option>");
    $.ajax({
        type:"GET",
        url:"Inc/json/companies.php",
        contentType:"application/json; charset=utf-8",
        dataType:"json",
        success: function(data) {
            $('#Company').empty();
            $('#Company').append("<option value=''>- Select Company -</option>");
            $.each(data,function (index, item) {
                $('#Company').append('<option value="'+ item.Company_ID +'">'+ item.Company_Name +'</option>');
            });
        },complete: function() {}
    });
}

工作正常，正在提交数据。我只想知道如何立即将新数据提取到下拉字段。我还使用 Ajax 和 php/json 从数据库获取数据。

Answer 1

无论如何，如果您尝试从数据库中获取下拉元素，则必须等待这些元素添加到数据库中。添加它们后，您应该能够创建一个 php 函数来获取下拉菜单的元素，并且该 php 函数应该可以从 ajax 请求调用。或者另一种可能性是在将元素添加到数据库之前调用数据库，然后使用 php 将其添加到数据库返回的元素数组中。只需将元素作为 get 或 post 变量发送到 php 函数，或者处理将其添加到 javascript 数组中的元素