Javascript 单击“编辑”加载表单（&a）；提交时保存

我在网上搜索过，但没有找到合适的解决方法。我附上了两张图片。请看一下

在本文中，我将显示用户的详细信息。因此，单击

edit

我将在弹出窗口中显示表单，但我希望在相同的位置显示表单本身。像

保存时，更改将反映在上一张图像中

---

我怎样才能通过JS/Jquery/PHP等实现它呢

我试过这样的代码

JS

---

但是没有，我只更改了一次视图。

我认为最简单的方法是通过jQuery.ajax工具发送数据

jQuery('#your form id').on('submit', function(e) {
    e.preventDeafult();
    e.stopImmediatePropagation();
    var data = {};
    jQuery(this).find(':enabled').each(function(obj, ind) {
        var $this = $(this);
        e.data[ $this.attr('name') ] = $this.val();
    })
    jQuery.ajax({
        type: 'POST',
        url: 'this is your url',
        data: data
    }).success(function() {
        alert('sended');
        // document.location('куда-нибудь локайшен');
    }).error(function(err) {
        console.error('Error: ' + err);
    })
})

---

我如何通过JS/Jquery/PHP实现它是的，我尝试了show&hide方法，但没有结果。如果我能得到一些示例来遵循这个过程，我们需要看看你已经读过的代码，我很好奇为什么show-hide方法不起作用。做两个div，一个用于信息，一个用于表单。首先为表单div指定隐藏显示样式，单击“编辑”时，将其设置为“显示块”或您使用的任何内容，并将“信息div显示”设置为隐藏。1）需要当前代码。2） 您需要解释当前代码发生了什么。PS：尝试以下操作：

$（“#编辑”）。单击（函数（e）{$（“#编辑表单”）。fadeIn（“fast”）；e.preventDefault（）；}）提交前，我需要将视图…从详细信息更改为表单，反之亦然。。有什么解决办法吗
jQuery('#your form id').on('submit', function(e) {
    e.preventDeafult();
    e.stopImmediatePropagation();
    var data = {};
    jQuery(this).find(':enabled').each(function(obj, ind) {
        var $this = $(this);
        e.data[ $this.attr('name') ] = $this.val();
    })
    jQuery.ajax({
        type: 'POST',
        url: 'this is your url',
        data: data
    }).success(function() {
        alert('sended');
        // document.location('куда-нибудь локайшен');
    }).error(function(err) {
        console.error('Error: ' + err);
    })
})