原理：

　　submit 提交表單沒(méi)有回調(diào)函數(shù)，但是可以用iframe來(lái)接收返回結(jié)果，最后進(jìn)行格式轉(zhuǎn)換就ok了；

原文地址: http://blog.csdn.net/simeng_1016/article/details/48008359

html: 部分代碼

<form id="form_addcompress" action="/rest/upload" method="post" enctype="multipart/form-data" target="uploadframe"> <em class="color-red">* </em>版本：<input type="text" class="txt" name="version" placeholder="如V1.0.0"><br/><em class="color-red">* </em>加緩存：<input type="radio" id="cache_no" name="cache" value="0" checked=""><label for="cache_no">否</label><input type="radio" id="cache_yes" name="cache" value="1" class="ml"><label for="cache_yes">是</label><br><em class="color-red">* </em>文件：<input type="file" class="txt" name="uploadedFile" size="50" /><br>版本描述：<textarea class="tarea" name="desc" style="height:60px"></textarea><br><input type="button" class="btn" value="上傳文件" id="upload_compressFile"/> </form> <iframe id="uploadframe" name="uploadframe" style="display:none"></iframe></div>

js: 部分代碼?

var time_index=0; $('#upload_compressFile').on('click',function(event){var $c_version=$('#form_addcompress input[name="version"]'),$c_uploadedFile=$('#form_addcompress input[name="uploadedFile"]');var c_version=$c_version.val(),c_uploadedFile=$c_uploadedFile.val();if(c_version==""){$c_version.css('borderColor','red');}else{$c_version.css('borderColor','#e1e1e1');}if(c_uploadedFile==""){$c_uploadedFile.css('borderColor','red');}else{$c_uploadedFile.css('borderColor','#e1e1e1');}if(c_version==""||c_uploadedFile==""){return false;}$('#form_addcompress').submit();time_index=0;var timeSet=setInterval(function(){time_index++;var iframeObj = $(window.frames["uploadframe"].document); var val=iframeObj.find("body").html();if(val!=""&&time_index<5){var _result=eval("(" + val + ")"); if(typeof _result.code!="undefined"&&_result.code=="0"){clearInterval(timeSet);return false;}else{$.modaldialog.smallTip("上傳失敗", {x: event.pageX,y: event.pageY});clearInterval(timeSet);}}else{clearInterval(timeSet);}},1000);});

注意關(guān)鍵點(diǎn)：

form表單中的target=”uploadframe“與iframe中的id=”uploadframe“要一致；原因：target 指 form表單提交后返回結(jié)果要放的位置；

$(window.frames[“uploadframe”].document).find(“body”).html()結(jié)果是form提交后的返回值，用循環(huán)來(lái)取值；

_result 就是 返回后的json對(duì)象，可以直接獲取想要的數(shù)據(jù)

轉(zhuǎn)載于:https://www.cnblogs.com/wangyihong/p/7133523.html

總結(jié)

以上是生活随笔為你收集整理的form + iframe 获取表单提交后返回的数据的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。