Question

我使用ajax和php创建了一个表单。用户可以从主页面编辑客户端详细信息，也可以添加新客户端。当用户单击编辑客户端按钮时，使用ajax加载表单，并使用id插入客户端详细信息，并且为了添加新客户端，不会发送任何ID。我想知道的是，如何更改添加客户端的“提交”按钮和编辑客户端的“更新”按钮。两个阶段的表单标记是相同的，但这里是用于区分两者的jquery：

添加：

$.ajax({
    dataType: "html",
    url: "ajax.php?action=client_form",
    beforeSend: function() {
        $('.error, .success, .notice').remove();
    },
    success: function(html) {
        $('#users-contain_t').html(html);
    }
});

对于编辑部分，我创建了一个函数，如下所示：

function editClient(client_id){

    $('#users-contain_t').load('ajax.php?action=client_form&client_id='+client_id);

};

编辑按钮的标记为：

<button class="editClient" type="button" onclick="editClient('.$client['client_id']. ')">Edit Client</button>

这会显示表单中的详细信息。我想知道的是，如何在同一个表单上加载两个不同的按钮，在编辑时，以及在添加新记录时，使用php？

两个按钮的标记类似于：

<button id="updateList" type="button" >Update</button>
<button id="addClient" type="button" >Submit</button>

Answer 1

您可以在表单中设置默认的显示样式，对于更新列表

，请设置为style =“display：none”

但是当你调用editClient函数时，你可以将show（）hide（）效果添加到两个按钮

像

$('#updateList').show();
$('#addClient').hide();

此类表单的默认值

<button id="updateList" type="button" style="display:none;" >Update</button>
<button id="addClient" type="button" >Submit</button>

Answer 2

放置一个用于添加和更新的公共按钮，它可以在php下面代码：如果您有关于电子邮件

等客户详细信息的唯一列

if(isset($_POST['save']))
{
//get all client email in your table
//check if the email already exist
//if (yes) 
//update query exected
//else
//insert
}

“保存”是您的按钮名称我希望这是你真正想要的！

使用一个表单使用php和ajax添加和编辑

2 个答案: