jquery form 插件的使用
在頁面中先引入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="确 定"/> <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");}
伺服器處理就不貼了。
页:
[1]