zoukankan      html  css  js  c++  java
  • 关于Ajax的type为post提交方式出现请求失效问题

    【Ajax易错集合】:关于Ajax的type为post提交方式出现请求失效问题的症结排查感想

    最近碰到这样一个问题,原本一个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数据至后台服务了的。

  • 相关阅读:
    干掉idea视图黄色警告
    idea插件 Background Image Plus 随机更换背景图片
    es的rest风格的api文档
    使用postman对elasticsearch接口调用
    es插件安装
    emoji表情等特殊字符处理和存储的两个方案
    java8两个字段进行排序问题
    java 必应壁纸批量下载
    elasticsearch学习(1)
    RocketMq报错 Java HotSpot(TM) Server VM warning:
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/6155779.html
Copyright © 2011-2022 走看看