前端访问java后端,以及后端返回数据

1、导出时,前端需要向后端传递参数,然后导出excel

// vue 前端
let url = "/***/***/***.do";
        axios({
          method: 'post',
          responseType: 'blob', // 设置响应文件格式
          url: url,
          params:{
            ids: ids.join(","),
          },
        }).then((response) => {
          //new Blob([res])中不加data就会返回下图中[objece objece]内容(少取一层)
          const blob = new Blob([response.data]);
          const elink = document.createElement('a');
          elink.download = '监控策略组.xlsx';
          elink.style.display = 'none';
          elink.href = URL.createObjectURL(blob);
          document.body.appendChild(elink);
          elink.click();
          URL.revokeObjectURL(elink.href); // 释放URL 对象
          document.body.removeChild(elink);
          loading.close();
        }).catch((error) => {
          this.$message({
            message: error
          });
          loading.close();
        });
//后端 用out写东西
SXSSFWorkbook workbook = new SXSSFWorkbook();
OutputStream out = null;
out = response.getOutputStream();
workbook.write(out);

2、导出时,不需要传递参数或传递参数比较短

// 前端
window.location.href = "/***/***/***.do?id=1";
//后端
SXSSFWorkbook workbook = new SXSSFWorkbook();
OutputStream out = null;
out = response.getOutputStream();
workbook.write(out);

3、前端传递参数,后端返回

var url = '';
          var tfPromise = this.$http
        .post(
          url ,
          {id:111},
          { emulateJSON: true }
        )
        .then(
          (response) => {
            if (response.body.success) {
             if(response.body.msg >0){
              console.log('aa');
              }
          },
          (error) => {
            console.log("error", error);
          }
        );

      return tfPromise;
//后端
@RequestMapping("/getDefaultSyslogCount.do")
@ResponseBody
public Object getDefaultSyslogCount(HttpServletRequest request) {
		Object obj = new Object();
		obj.msg = "";
		obj.result = "";
		return obj;
	}

4、EXT访问后端

Ext.Ajax.request({
				 	url:'',//后端请求更新方法
					method : 'post',
					params : {id : id},
					success : function(response,options){
						var jsonStr= "("+response.responseText+")";
					},
					failure:function(){
					},
			 	});
$.ajax({
		url: url,
		dataType:"text",
		type:"post",
		async:false,
		data:requestParams,
		success: function(data,textStatus){
				// policyName= eval("("+data+")");
		},
		error:function(XMLHttpRequest,textStatus,errorThrown){			
		}
	});
}
  • 7
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值