ajax向后台发送请求时，data提交参数三种格式【项目日常】

本文介绍: ajax向后台发送请求时，data 提交参数三种格式还能向后台提交一个参数名对应多个参数值的数据。不但能够向后台提交一个参数名对应一个参数值的数据，不但能提交字符串数据，还能提交二进制数据;data:FormDa t a 对象。只能向后台提交字符串数据;

第1种：js 对象 传输（格式类似于json）

data:{
       key01:value01,
       key02:value02,
       key03:value03,
       ....
    }

优势：

操作简单

劣势：

只能向后台提交一个参数名对应一个参数值的数据，不能向后台提交一个参数名对应多个参数值的数据;
只能向后台提交字符串数据;

第2种：键值对之间用&拼接成字符串 传输

data: key01:value01&amp;key01:value02&amp;key02:value03&amp;...

优势：不但能够向后台提交一个参数名对应一个参数值的数据，
还能向后台提交一个参数名对应多个参数值的数据。

劣势：

操作麻烦;
只能向后台提交字符串数据;

项目案例代码：

完整方法代码：

 //给"删除"按钮添加单击事件
 jQuery("#deleteActivityBtn").click(function () {
          //收集列表中所有被选中的市场活动的ids
          var checkedIds = jQuery("#tBody input[type='checkbox']:checked");
          if (checkedIds.size() === 0) {
              alert("请选择要删除的市场活动");
              return;
          }
          if (window.confirm("确定删除吗")) {
              var ids = "";
              jQuery.each(checkedIds, function () {
                  //将所有id拼接成 id=xx&amp;id=xx&amp;id=xx&amp;id=xx 的形式，发送给后端
                  ids += "id=" + this.value + "&amp;";
              });
              //去掉末尾多余的一个 &amp;
              ids = ids.substring(0, ids.length - 1);
              jQuery.ajax({
                  url: "workbench/activity/deleteActivityIds.do",
                  type: "post",
                  dataType: "json",
                  data: ids,
                  success: function (data) {
                     if(data.code == "1"){
                         // 删除成功，刷新市场活动列表，显示第一页数据，保持每页显示条数不变
                         queryActivityByConditionForPage(1, $("#demo_pag1").bs_pagination('getOption', 'rowsPerPage'));
                     }else {
                         //提示失败信息
                         alert(data.message);
                     }
                  }
              });
          }

      });