[Solved] Want to refresh a div after submit the form?

by


You can use jQuery‘s post(), an AJAX shorthand method to load data from the server using a HTTP POST request.

Here’s an example to Post a form using ajax and put results in a div from their site:

<form action="https://stackoverflow.com/" id="searchForm">
    <input type="text" name="s" placeholder="Search...">
    <input type="submit" value="Search">
</form>

<!-- the result of the search will be rendered inside this div -->
<div id="result"></div>

<script>
    // Attach a submit handler to the form
    $( "#searchForm" ).submit(function( event ) {

        // Stop form from submitting normally
        event.preventDefault();

        // Get some values from elements on the page:
        var $form = $( this ),
            term = $form.find( "input[name="s"]" ).val(),
            url = $form.attr( "action" );

        // Send the data using post
        var posting = $.post( url, { s: term } );

        // Put the results in a div
        posting.done(function( data ) {
            var content = $( data ).find( "#content" );
            $( "#result" ).empty().append( content );
        });
    });
</script>

0

solved Want to refresh a div after submit the form?