在jquery对话框中提交表单而无需重新加载页面

Question

I have php page with a form, I want to open it in a dialog box and submit and show the data on same dialog without reloading the page

php

            <form accept-charset="UTF-8">

            <button type="submit" class="addButtonClass"></button>

please advice

Answer 1

$('.addButtonClass').submit(function (event) {
  event.preventDefault();
    ....
    .. Now your usual ajax post        
    }

Answer 2

Modify this

$('#add_user1').submit(function(e){
    e.preventDefault(); //** prevent normal form submission and page reload

    $.ajax({
        type: "POST",
        cache: false,
        url: $link,
        data: $('#add_user1').serializeArray(),
        success: function (data) {
            var json_obj = $.parseJSON(data);
            var result = json_obj['result'];
            var usergroup = json_obj['usergroup'];
            var success = json_obj['success'];
            var errorAry = {
            }
        }
    });
    return false;
});