HTML5教程

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

本文主要是介绍前端向后端发送请求的方式,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1、 link标签的href属性

2、 script标签的src属性

3、 img标签的src属性

4、 ajax发送请求

5、 表单提交发送请求

6、 a标签的href发送请求

7、 iframe的src属性发送请求

1.form表单

前端代码:

<!--post代表提交方式,action代表提交的地址-->
<form method="post" action="userServlet" >
        姓名:<input type="text" name="userName" />
        年龄:<input type="text" name="age" />
        <!--注意提交按钮在form表单中-->
        <input type="submit" value="提交" />
</form>

后端代码:

2.AJAX提交

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

$.ajax({
        url:dataListServlet?department=+department+&gender=+gender,
        type:GET,
        contentType : false,
        processData : false,
        cache : false,
        success : function(data) {
            if(data){
                
            }else{
                alert("查询失败");
            }
        }
});

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

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

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

<a href="DeleteUserServlet?id=3&gender=男"></a>
  request.setAttribute("id","3");
  request.setAttribute("gender","男");
  request.getRequestDispatcher("updateUser.jsp").forward(request,response);

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

 
window.location.href="DeleteUserServlet?deleteId="+deleteId;
这篇关于前端向后端发送请求的方式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!