ajax的post方式传数组参数

前端js代码:


$("#btn-simple-submit").click(function () {
  
    var selectImportModule = $("[name='importModule']");
    length = selectImportModule.length;
    var index = 0;
    var importModule = new Array();
    for(i = 0; i < length; i++) {
        if(selectImportModule[i].checked == true) {
            importModule[index] = selectImportModule[i].value;
            ++index;
        }
    }
    if(index == 0) {
        alert("请至少选择一个模块");
        return;
    }
    $.ajax({
        type: "POST",
        url: "import/tools/single",
        dataType: "html",
        traditional: true,
        data:{
            importModule:importModule
        },
        async: true,
        beforeSend: function (XMLHttpRequest) {
        },
        success: function (data) {
            $('#singleOrSimilarityResult').html(data);
        },
        complete: function (XMLHttpRequest, textStatus) {
        },
        error: function (e) {
            $('#singleOrSimilarityResult').html(e);
        }
    });
});

核心: 在上述ajax请求中添加:traditional: true,这样就可以传递参数数组了。

后端java代码:

 @RequestMapping(value = "/import/tools/single", produces = "text/html;charset=UTF-8", method = RequestMethod.POST)
    @ResponseBody
    public String singleImport(@RequestParam(value = "importModule") int[] importModule) {
 
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
A:要在ajax请求中数组参数并下载zip文件,可以像下面这样进行操作: ```javascript // 创建一个XMLHttpRequest对象 var xhr = new XMLHttpRequest(); // 指定请求方法和URL xhr.open('POST', 'download.php'); // 设置请求头:Content-Type为application/x-www-form-urlencoded xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); // 定义响应类型为二进制数据 xhr.responseType = 'blob'; // 构建递的参数对象 var param = { arr: [1, 2, 3, 4, 5] }; // 将参数对象序列化成字符串 var data = 'param=' + encodeURIComponent(JSON.stringify(param)); // 发送ajax请求 xhr.send(data); // 请求完成后的回调函数 xhr.onload = function () { if (xhr.status === 200) { // 获取响应数据 var blob = xhr.response; // 创建一个a标签,设置下载属性并添加到文档中 var a = document.createElement('a'); a.style.display = 'none'; a.href = URL.createObjectURL(blob); a.download = 'filename.zip'; document.body.appendChild(a); // 模拟点击a标签进行下载 a.click(); // 移除a标签 document.body.removeChild(a); } }; // 兼容ie方法 if (window.navigator.msSaveOrOpenBlob) { xhr.onreadystatechange = function () { if (xhr.readyState === 4) { var blob = new Blob([xhr.response], { type: 'application/octet-stream' }); window.navigator.msSaveOrOpenBlob(blob, 'filename.zip'); } }; } ``` 需要注意的是,对于兼容IE的情况,需要在readystatechange事件中判断xhr.readyState是否为4,以确保请求已经完成。另外,由于IE不支持responseType属性,所以需要使用Blob对象来构建响应数据,然后调用window.navigator.msSaveOrOpenBlob方法来触发下载。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值