jquery.form.js------ajaxSubmit提交实例

来源：互联网发布：https 隐藏index.php 编辑：程序博客网时间：2024/06/11 21:52

一、引入jquery.js和jquery.form.js

<script type="text/javascript" src="jquery.js"></script><script type="text/javascript" src="jquery.form.js"></script>

二、以下是jsp页面内容

<body><center><div><form id="photos_form" enctype="multipart/form-data" method="post"><input id="ownerId" type="hidden" name="ownerId" value="${ownerId}"><input type="file" name="upload" id="upload"><button type="button" id="uploadBtn">上传</button></form><div id="photosDiv"></div></div></center></body>

三、利用ajaxSubmit方法提交表单

$(function(){var options={type:"post",  //提交方式                  dataType:"text", //数据类型                  url:ctx + "/anon/saveWeddingCardPhoto", //请求url                 beforeSubmit:showRequest,//提交前的回调函数                success:showResponse,//提交成功的回调函数}$("#photos_forms").ajaxForm(options);$("#uploadBtn").on('click',function(){$("#photos_form").ajaxSubmit(options);return false;//防止刷新提交});});function showRequest(formData, jqForm, options){var queryString = $.param(formData);alert('About to submit: \n\n' + queryString);}function showResponse(responseText, statusText){alert('status: ' + statusText + '\n\nresponseText: \n' + responseText +         '\n\nThe output div should have already been updated with the responseText.');}

0 0