JavaWeb前端向后端提交数据的方式

最新推荐文章于 2024-04-27 09:17:14 发布

在云端821

最新推荐文章于 2024-04-27 09:17:14 发布

阅读量2.7k

点赞数 2

分类专栏： JavaWeb

本文链接：https://blog.csdn.net/slj821/article/details/106952776

版权

JavaWeb 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JavaWeb前端向后端提交数据的方式

1. form表单提交
2.JQuery中的ajax提交

1. form表单提交

<!DOCTYPE html>
<html>
<body>

<form action="/demo/demo_form.asp">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="提交">
</form> 
</body>
</html>

如果您点击提交，表单数据会被发送到名为 demo_form.asp 的页面。

在后台可通过对应的name属性获取相应的值。
from表单中的action属性标识提交数据的地址。
method属性指明表单提交的方式。

2.JQuery中的ajax提交

 $.ajax({
            url: "TestJsonServlet", //提价的路径
            type: "post",       //提交方式
            data: {
                //向后台提交的数据
            },
            dataType: "JSON",       //规定请求成功后返回的数据
            success: function (data) {
                //请求成功之后进入该方法，data为成功后返回的数据
            },
            error: function (errorMsg) {
                //请求失败之后进入该方法，errorMsg为失败后返回的错误信息
            }
        });

在云端821

关注

2
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
JavaWeb前端向后端提交数据的方式

JavaWeb前端向后端提交数据的方式1. form表单提交2.JQuery中的ajax提交1. form表单提交<!DOCTYPE html><html><body><form action="/demo/demo_form.asp">First name:<br><input type="text" name="firstname" value="Mickey"><br>Last name:<b
复制链接

扫一扫