在頁面中先引入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"); }
伺服器處理就不貼了。