想要在提交表单后刷新 div 吗？

我有一个简单的表格和一个<div>容器。我的问题是我在提交表单时尝试刷新 div。

<div id="refresh">
   FOO FOO FOOOOOOOOOOOOOOOOO
</DIV>

 <form  id="test">
    <input type="text" name"testFI">
    <input type="submit" id="postB"  value="Post" />
 </form>

任何帮助，将不胜感激 ！

您可以使用jQuery http://www.jquery.com/'s post() http://api.jquery.com/jquery.post/#example-7，一种使用 HTTP POST 请求从服务器加载数据的 AJAX 速记方法。

这是一个例子使用ajax发布表单并将结果放入div中从他们的网站：

<form action="/" 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>