基於SpringMVC與jquery的ajax提交表單的若干情況詳解

標籤：

在日常的業務中，我們往往使用的是ajax提交頁面資料，而不用form的action來提交整個表單。現在我來分享一下我在日常工作中遇到的一些問題。

一、$.post、$.get、$.ajax三者的區別：

     顧名思義，$.post和$.get分別是採用post方式和get方式向伺服器發送請求。兩者的不同是，get請求的參數是在url直接以url?name1=value1&name2=value2的形式拼接而成，而post請求的參數會以請求本文的形式傳送到伺服器，這個學習過javaweb知識的應該都知道，在此也不贅述。

     在這裡主要想講的是關於同非同步發送請求的。$.post和$.get預設是採用非同步形式向伺服器發送請求，但我們的需求中很多情況需要得到伺服器的傳回值來判斷下一步的操作，這個時候就需要用到$.ajax了。

var flag=false;$.ajax({             type: "get",             url: "xxxxxx",             async:false,             data: {username:name, password:pwd},             dataType: "json",             success: function(data){                                   if(data>0){                                        flag=true;                                   }                      }         });

　　如以上代碼，type來佈建要求方式，async則設定的是同步或者非同步，預設為true非同步，此時設定為false。如果用通常的$.post和$.get的話，flag的值是不會隨著傳回值data的值發生改變的。

 二、檔案上傳

ajax上傳檔案一直都是一個比較頭疼的問題，在這裡我用的是jquery的一個擴充架構，jquery.form.js，此包提供了一個$ajaxSubmit方法，很好的解決了springmvc下檔案上傳的問題，當然，form表單的method為post，type為multipart/form-data，範例程式碼如下:

$(#id).ajaxSubmit({            type: ‘post‘,            url: ‘xxxxxx‘,             data: {                uername: name,                content: content            },            success: function(data) {            //回呼函數            }        });

此時，表單資料和檔案資料會儲存在request中傳入伺服器。後台擷取代碼如下：

MutlipartHttpServletRequest  multipart =(MutlipartHttpServletRequest )request;//把request轉為上傳檔案專用的requestMap<String,String[]> dataMap = request.getParameterMap();//擷取普通表單數的<name,value>索引值對Map<String,Multipart> fileMap = request.getFileMap();//擷取上傳檔案的索引值對，當未上傳檔案時，這個索引值對會以普通資料存在於dataMap中而不是fieMap中

暫時這麼多把，想起來了再加。

 

基於SpringMVC與jquery的ajax提交表單的若干情況詳解