最近碰到这样一个问题,原本一个ajax异步提交数据之前是很好的,很多系统都延用了均未出现任何问题。最近这个版本却出现ajax方式post数据不到后台程序,让我折腾了好几天。起初的ajax是这样写的:
01.
$.ajax({
02.
type:
'POST'
,
03.
url:
"/Ajax/SaveData.aspx"
,
04.
dataType:
"json"
,
05.
data:
"RequestTime="
+ (
new
Date()).toString()+
"&WorkFlowInfo="
+jsonText,
06.
beforeSend:
function
() {
07.
},
08.
success:
function
(msg) {
09.
$(
"div[class='datagrid-mask']"
).hide();
10.
$(
"div[class='datagrid-mask-msg']"
).hide();
11.
alert(msg.mes);
12.
if
(msg.op !=
"err"
)
13.
window.location.reload();
14.
15.
},
16.
error:
function
(errorMsg) {
17.
$(
"div[class='datagrid-mask']"
).hide();
18.
$(
"div[class='datagrid-mask-msg']"
).hide();
19.
alert(
"发生了一个错误"
);
20.
}
21.
});
当我的jsonText字符串不是很长的情况下,是可以post至后台服务的。那么既然我的type为post方式,与数据长短有何关系对吧?你或许会如此坚定的想。
易错点:
那么为何当jsonText过长时post提交至后台失败呢?细心的网友可能会发现虽然是post方式但是data的书写方式是不对的,data原本就是接受json类型的参数和数据的,上面的代码却将之当做了直接在url内传递参数的形式,换言之就是将ajax的psot提交方式活生生地变换为了get方式提交。
get方式提交是直接在url内传递参数和数据,url内有最大字数限制的,所以当jsonText过长时就提交不至后台服务。
如何纠正?
既然是data的书写方式不对,那么我们只需要纠正一下这个地方即可,纠正后的示例代码如下所示:
01.
$.ajax({
02.
type:
'POST'
,
03.
url:
"/Ajax/SaveData.aspx"
,
04.
dataType:
"json"
,
05.
data: {RequestTime:(
new
Date()).toString(),WorkFlowInfo:escape(jsonText)},
06.
beforeSend:
function
() {
07.
},
08.
success:
function
(msg) {
09.
$(
"div[class='datagrid-mask']"
).hide();
10.
$(
"div[class='datagrid-mask-msg']"
).hide();
11.
alert(msg.mes);
12.
if
(msg.op !=
"err"
)
13.
window.location.reload();
14.
15.
},
16.
error:
function
(errorMsg) {
17.
$(
"div[class='datagrid-mask']"
).hide();
18.
$(
"div[class='datagrid-mask-msg']"
).hide();
19.
alert(
"发生了一个错误"
);
20.
}
21.
});
这样一来就可以正常post数据至后台服务了的。