在頁面中先引入jquery的js：
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.form.js"></script>
表單代碼：
<form action="projectNeedsAddProjectNeedsAction.action" name="projectNeedsAddForm" id="projectNeedsAddForm" method="post" enctype="multipart/form-data" > 标题：input type="text" name="project_needs_title" id="project_needs_title" /> 內容：<textarea id="project_needs_content" name="project_needs_content" rows="13" cols="89" value="" ></textarea> 複件1：<input type="file" name="upload" /> 複件2：<input type="file" name="upload" /> 複件3：<input type="file" name="upload" /> <input id="diandian" type="button" class="btn" value="确 定" οnclick="javascript:tt()" /> <input type="reset" class="btn" value="取 消" />
js代碼：
function tt (){ alert("start"); var options ={ //target:'#project_needs', url:'projectNeedsAddProjectNeedsAction.action', //提交地址 type:'POST', //方式 dataType: 'html', //服务器返回的数据形式 success: function('html') { //回传函数实体，参数为XMLhttpRequest.responseText alert('success!!form'); $("#project_needs").html('html') ; } }; $('#projectNeedsAddForm').ajaxSubmit(options); //options return false; alert("end"); }
伺服器處理就不貼了。
相关资源：Ajax表单提交插件jquery form