关于Ajax的type为post提交方式出现请求失效问题

最近碰到这样一个问题，原本一个ajax异步提交数据之前是很好的，很多系统都延用了均未出现任何问题。最近这个版本却出现ajax方式post数据不到后台程序，让我折腾了好几天。起初的ajax是这样写的：

 

view source print ?

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的书写方式不对，那么我们只需要纠正一下这个地方即可，纠正后的示例代码如下所示：

 

view source print ?

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数据至后台服务了的。