动态模式没有通过Ajax刷新页面

I'm attempting to fill a modal with dynamic data based on a form input, without a page reload.

Step by step:

1) User will input a name and submit form on admin.php

2) Data is submitted via Ajax (ideally) and processed via editUser.php

3) Data is pulled from a mysqli database and put in a modal content

4) Modal is loaded (While still viewing the admin.php page) with no page reload, but with the dynamic content in the modal.

My code so far: Form + Ajax:

<script src="http://malsup.github.com/jquery.form.js"></script> 
            <script> 
                // wait for the DOM to be loaded 
                $(document).ready(function() { 
                    // bind 'myForm' and provide a simple callback function 
                    $('#myForm').ajaxForm(function() { 
                        alert("Thank you for your comment!"); 
                    }); 
                }); 
            </script>
            <form id="myForm" action="query/editUser.php" method="post"> 
                Name: <input type="text" name="name" /> 
                <input type="submit" value="Submit Comment" /> 
            </form>

editUser.php:

<script>
    $(window).load(function(){
        $('#myModal').modal('show');
    });
</script>

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Modal title</h4>
          </div>
          <div class="modal-body">
            --List data based on the form input from before
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div>
      </div>
    </div>

My current problem is that I do not know how to show the modal after the form is submitted. You will notice I currently have no calls to my database, or filling any content on the modal, because that will come later. My goal right now is to make the modal show after the form is submitted (And doing this in a way where it is still possible to fill the modal before it is shown).

I'm stuck, have been trying to figure this out for awhile, and would much appreciate help.

Edit:

Here is a breakdown of what I have, and what I want.

Right now, I've got 2 pages: admin.php and editUser.php

The admin page holds the form on it, that when submitted uses "action" to post to the editUser page, which has the code for my modal.

When the form is posted, I want the modal to be dynamically filled with information (based on the input from the admin page) using a while statement pulling information from a database.

I then want the modal to show as an overlay on the admin page - this should all happen with absolutely no page refreshing.

I KNOW how to fill the modal with information dynamically, I KNOW how to call a modal, but I DO NOT know how to show the modal on my admin page, after submitting a form and then filling the modal that is saved on the userEdit page DYNAMICALLY.

If dialog is the ID of the <div class="modal"> that's going to receive the content,

$('#dialog').modal('show');

e.g.:

$.get(url).then(function(data) {
    // fill "#dialog .modal-body" with content based on 'data'
    ...

    $('#dialog').modal('show');
});