前端向后端发送请求的方式

柔光的暖阳◎ 2021-10-09 03:00 508阅读 0赞

1、 link标签的href属性

2、 script标签的src属性

3、 img标签的src属性

4、 ajax发送请求

5、 表单提交发送请求

6、 a标签的href发送请求

7、 iframe的src属性发送请求

1.form表单

前端代码：

  1. <!--post代表提交方式，action代表提交的地址-->
  2. <form method="post" action="userServlet" >
  3.         姓名：<input type="text" name="userName" />
  4.         年龄：<input type="text" name="age" />
  5.         <!--注意提交按钮在form表单中-->
  6.         <input type="submit" value="提交" />
  7. </form>

后端代码：

20191022124934933.png

2.AJAX提交

js总也有ajax提交，但是非常复杂，jQuery中的ajax提交就很简洁了，格式如下：

  1. $.ajax({
  2.         url:'dataListServlet?department='+department+'&gender='+gender,
  3.         type:'GET',
  4.         contentType : false,
  5.         processData : false,
  6.         cache : false,
  7.         success : function(data) {
  8.             if(data){
  10.             }else{
  11.                 alert("查询失败");
  12.             }
  13.         }
  14. });

这里只是简单格式介绍，ajax提交详解：点击这里

冷知识：url中携参，提交方式用POST也可以提交，并且后台获取到的数据是地址栏中的参数，地址栏中的参数会覆盖data中的数据。

3.标签href属性提交，同样也可以拼接字符串，提交方式默认是GET提交

  1. <a href="DeleteUserServlet?id='3'&gender='男'"></a>

4.后台中通过请求转发使servlet之间相互访问

  1.   request.setAttribute("id","3");
  2.   request.setAttribute("gender","男");
  3.   request.getRequestDispatcher("updateUser.jsp").forward(request,response);

5.通过刷新本页的方式访问

  1. window.location.href="DeleteUserServlet?deleteId="+deleteId;

发表评论

表情：
评论列表 （有 0 条评论，508人围观）

还没有评论，来说两句吧...

相关阅读