使用Jquery或Javascript在按钮上重新加载div

Question

after click add button in popup bootstrap modal

i want to add record in database and reload the div on same page

$(document).ready(function(){
   $("#Reload").click(function(){
      $("#result").html("result reloaded successfully");
   });
});

after click "add question " record are inserted but how to update background page

i also want to close popup

Answer 1

try using "$('#myModal').modal('hide');" to hide model first then append data

//custom lib function
  $.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};

//uses
         $(document).ready(function(){
               $("#Reload").click(function(){
                  $('#myModal').modal('hide');
                  var jsonOfForm = $('formSelector').serializeObject()
                  $("#result").append("result reloaded successfully");
               });
            });