前端请求后端方式

前端请求后端方式:

①ajax发送请求
②表单提交发送请求
③window.open(url)
④window.location.href = '接口地址'

ajax和表单请求方式在其他文章已写过,此次不再叙述。

记录一下前端使用window.location.href()跳转和传递参数

在按钮上添加onclick事件,并传递参数给js函数,参数可以为input中输入的值,也可以为jsp中获取的值。然后调用js中的函数实现跳转。

前端代码

<script type="text/javascript">
     function doDelete(id) {
         var flag = confirm("请确认是否删除?");
         if ( flag ) {
             //用户点击了确定,跳转界面到href
             window.location.href="StudentDeleteServlet?id="+id;
         }
     }
 </script>

然后获取参数

后端代码

request.getParameter("id");

在jsp中代码

<% request.getParameter("id")> 

注:window.location是window对象的属性,而window.open是window对象的方法 
       window.location是你对当前浏览器窗口的URL地址对象的参考!   
       window.open是用来打开一个新窗口的函数!

       window.open 用来打开新窗口 
       window.location 用来替换当前页,也就是重新定位当前页

       window.open()是可以在一个网站上打开另外的一个网站的地址 
       而window.location()是只能在一个网站中打开本网站的网页

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端请求后端下载文件有几种方法,其中包括使用原生servlet的HttpServletResponse方式下载、使用Spring的ResponseEntity方式下载、使用原生ajax之XMLHttpRequest方式下载、使用jQuery的Ajax方式下载以及使用原生ajax之fetch方式下载。具体方法的实现可以参考以下资料: - 原生servlet的HttpServletResponse方式下载:通过设置response对象的响应头信息,将文件流写入到响应流中,然后前端通过a标签的href属性进行文件下载。参考资料中的"一. 普通文件下载"部分。 - Spring的ResponseEntity方式下载:在后端使用ResponseEntity将文件流作为响应体返回,前端通过ajax请求获取文件流,并使用Blob对象创建URL进行文件下载。参考资料中的"一.2 Spring的ResponseEntity方式下载"部分。 - 原生ajax之XMLHttpRequest方式下载:通过XMLHttpRequest发送请求,设置responseType为"blob",获取到文件流后使用Blob对象创建URL进行文件下载。参考资料中的"三. 文件流下载-原生ajax之XMLHttpRequest"部分。 - jQuery的Ajax方式下载:通过$.ajax发送请求,设置dataType为"binary",获取到文件流后使用Blob对象创建URL进行文件下载。参考资料中的"四. 文件流下载-jQuery的Ajax"部分。 - 原生ajax之fetch方式下载:使用fetch发送请求,设置responseType为"blob",获取到文件流后使用Blob对象创建URL进行文件下载。参考资料中的"五. 下载数据库中保存的文件"部分。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值