ajax碰到請求url過長的問題

一個超大文字框textarea裡面有大量資料，ajax通過URL請求service返回結果，URL裡面包含了各種引數，當然也包含之前的超大文字框的內容。

之前開發的時候一直用Firefox在除錯，4000長度的字串在textarea裡面通過URL請求都是沒有問題。
提交給測試的時候問題來了，測試人員在IE下面發現問題，textarea裡面字元長度超過2000（大概資料）時，會報JS錯誤，ajax沒有返回值給前臺。

看原先程式碼：

function getJsonData(url) {
    var ajax = Common.createXMLHttpRequest();
    ajax.open("GET", url, false);
    ajax.send(null);
    try {
        eval("var s = " + ajax.responseText);
        return s;
    }
    catch (e) {
        return null;
    }
}
function getData() {
    var url = "BlacklistService.do?datas=" + datasvalue;
    var result = getJsonData(url);
}
 

網上的解決辦法：
修改使用的XMLHttp的請求為POST，並且把引數和URL分離出來提交。
修改後程式碼如下：

function getJsonData(url, para) {
    var ajax = Common.createXMLHttpRequest();
    ajax.open("POST", url, false);
    ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    ajax.send(para);
    try {
        eval("var s = " + ajax.responseText);
        return s;
    }
    catch (e) {
        return null;
    }
}
function getData() {
    var url = "BlacklistService.do";
    var para = "datas=" + datasvalue;
    var result = getJsonData(url, para);
} 
 

Ajax中的get和post兩種請求方式的異同

Ajax中我們經常用到get和post請求.那麼什麼時候用get請求,什麼時候用post方式請求呢? 在做回答前我們首先要了解get和post的區別.

1、get是把引數資料佇列加到提交表單的ACTION屬性所指的URL中，值和表單內各個欄位一一對應，在URL中可以看到。post是通過HTTP post機制，將表單內各個欄位與其內容放置在HTML HEADER內一起傳送到ACTION屬性所指的URL地址。使用者看不到這個過程。
2、對於get方式，伺服器端用Request.QueryString獲取變數的值，對於post方式，伺服器端用Request.Form獲取提交的資料。兩種方式的引數都可以用Request來獲得。
3、get傳送的資料量較小，不能大於2KB。post傳送的資料量較大，一般被預設為不受限制。但理論上，因伺服器的不同而異.
4、get安全性非常低，post安全性較高。
5、<form method="get" action="a.asp?b=b">跟<form method="get" action="a.asp">是一樣的，也就是說，method為get時action頁面後邊帶的引數列表會被忽視；而<form method="post" action="a.asp?b=b">跟<form method="post" action="a.asp">是不一樣的。

另外
Get請求有如下特性：它會將資料新增到URL中，通過這種方式傳遞到伺服器，通常利用一個問號？代表URL地址的結尾與資料引數的開端，後面的引數每一個數據引數以“名稱=值”的形式出現，引數與引數之間利用一個連線符&來區分。
Post請求有如下特性：資料是放在HTTP主體中的，其組織方式不只一種，有&連線方式，也有分割符方式，可隱藏引數，傳遞大批資料，比較方便。

通過以上的說明,現在我們大致瞭解了什麼時候用get什麼時候用post方式了吧,對!當我們在提交表單的時候我們通常用post方式,當我們要傳送一個較大的資料檔案時,需要用post。當傳遞的值只需用引數方式(這個值不大於2KB)的時候,用get方式即可。

現在我們再看看通過URL傳送請求時，get方式和post方式的區別。用下面的例子可以很容易的看到同樣的資料通過GET和POST來發送的區別, 傳送的資料是 username=張三 :
GET 方式, 瀏覽器鍵入http://localhost/?username=張三

GET /?username=%E5%BC%A0%E4%B8%89 HTTP/1.1
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*
Accept-Language: zh-cn
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; .NET CLR 1.1.4322)
Host: localhost
Connection: Keep-Alive

POST 方式:

POST / HTTP/1.1
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*
Accept-Language: zh-cn
Content-Type: application/x-www-form-urlencoded
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; .NET CLR 1.1.4322)
Host: localhost
Content-Length: 28
Connection: Keep-Alive

username=%E5%BC%A0%E4%B8%89

區別就是一個在 URL 請求裡面附帶了表單引數和值, 一個是在 HTTP 請求的訊息實體中。

比較一下上面的兩段文字, 我們會發現 GET 方式把表單內容放在前面的請求頭中, 而 POST 則把這些內容放在請求的主體中了, 同時 POST 中把請求的 Content-Type 頭設定為 application/x-www-form-urlencoded. 而傳送的正文都是一樣的, 可以這樣來構造一個表單提交正文:
encodeURIComponent(arg1)=encodeURIComponent(value1)&encodeURIComponent(arg2)=encodeURIComponent(value2)&.....

注: encodeURIComponent 返回一個包含了 charstring 內容的新的 String 物件（Unicode 格式）， 所有空格、標點、重音符號以及其他非 ASCII 字元都用 %xx 編碼代替，其中 xx 等於表示該字元的十六進位制數。例如，空格返回的是 "%20" 。 字元的值大於 255 的用 %uxxxx 格式儲存。參見 JavaScript 的 encodeURIComponent() 方法.

在瞭解了上面的內容後我們現在用ajax的XMLHttpRequest物件向伺服器分別用GET和POST方式傳送一些資料。

GET 方式
var postContent = "name=" + encodeURIComponent("xiaocheng") + "&email=" + encodeURIComponent("

[email protected]");
xmlhttp.open("GET", "somepage" + "?" + postContent, true);
xmlhttp.send(null);


POST 方式

var postContent = "name=" + encodeURIComponent("xiaocheng") + "&email=" + encodeURIComponent("[email protected]");
xmlhttp.open("POST", "somepage", true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//xmlhttp.setRequestHeader("Content-Type", "text/xml"); //如果傳送的是一個xml檔案
xmlhttp.send(postContent);