点击编辑加载表单＆amp;保存提交

Question

我通过互联网搜索但我没有得到适当的解决方案。我附上了两张照片。请看一下。

在此我展示了用户的详细信息。所以点击edit我在弹出窗口中显示表单，但我想在同一个地方显示它自己。像

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

我如何通过JS / Jquery / PHP等实现它。任何想法的人。

我尝试过这样的代码

JS

$(document).ready(function(){
     $(".reply").click(function(){
        if($("#someId").css("display") == "none"){
           $("#someId").show();
        } else {
           $("#someId").hide();
        }
     });
  });

但不，我只改变一次视图。

Answer 1

我认为通过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);
    })
})