前幾天，發現了一些小問題。我在寫后臺管理頁面時，需要上傳一張圖片。于是我就用很普通的Form表單上傳有一段Json串和圖片文件；

Form表單上傳圖片只需要在<form>標簽里加上enctype = 'multipart/form-data'，這樣是可以上傳圖片的；

但問題來了，在我進行用Form表單提交的時候直接跳出來提交返回值的頁面并且原先的頁面刷新；

這樣我們可以先到異步的Ajax可以實現局部刷新；

廢話不多說了 直接上代碼；

首先是html：

<form id = "form_insert" method = "post"><table style = "font-size: 13px; margin: 13px auto;"> <tr><td style = "text-align: right;">類型</td><td>:  <input id = "acttype" style = "width:150px" class = "easyui-textbox" data-options = "required:true"></td></tr><tr><td colspan = "2" style = "height: 13px"></td></tr><tr><td style = "text-align: right;">名稱</td><td>:  <input id = "actname" style = "width:150px" class = "easyui-textbox" data-options = "required:true"></td></tr><tr><td colspan = "2" style = "height: 13px"></td></tr><tr><td style = "text-align: right;">開始時間</td><td>:  <input id = "actstarttime" style = "width:150px" class = "easyui-datetimebox" data-options = "required:true"></td></tr><tr><td colspan = "2" style = "height: 13px"></td></tr><tr><td style = "text-align: right;">結束時間</td><td>:  <input id = "actendtime" style = "width:150px" class = "easyui-datetimebox" data-options = "required:true"></td></tr><tr><td colspan = "2" style = "height: 13px"></td></tr><tr><td style = "text-align: right;">省</td><td>:  <input id ="mem_Province" style = "width:150px" class = "easyui-combobox" data-options = "required:true"></td></tr><tr><td colspan="2" style="height: 13px"></td></tr><tr><td style="text-align: right;">市</td><td>:  <input id = "mem_City" style = "width:150px" class = "easyui-combobox" data-options = "required:true"></td></tr><tr><td colspan = "2" style = "height: 13px"></td></tr><tr><td style = "text-align: right;">門店</td><td>:  <input id = "mem_Shop" style = "width:150px" class = "easyui-combobox" data-options = "required:true"></td></tr><tr><td colspan="2" style="height: 13px"></td></tr><tr><td style = "text-align: right;">具體地址</td><td>:  <input id = "actadd" style = "width:150px" class = "easyui-textbox" data-options = "required:true"></td></tr></table></form><form id = "form_sub" style = "font-size: 13px;"><table style="font-size: 13px; margin: 13px auto;"><tr><td style = "text-align: right;">上傳圖片</td><td>:  <input class = "easyui-filebox" name = 'photo' style = "width:153px" data-options = "required:true,prompt:'選擇上傳圖片',buttonText:' 選 擇 '"></td><td><input type = 'text' id = "Item" name = 'item' style = "display:none;"></td></tr></table></form><div style = "text-align:right; padding:2px 5px;"><a id = "sub" class = "easyui-linkbutton" data-options = "iconCls:'icon-ok'" href = "javascript:void(0)">保存</a>    <a class = "easyui-linkbutton" data-options = "iconCls:'icon-quxiao'" href = "javascript:void(0)" onclick = "window_open($('#insert_form'), 'close')">取消</a>    </div>