基于SSM框架的web开发——ajax实现前后台数据交互

本文介绍了SSM框架中使用ajax进行前后台数据交互的方法,包括传统的form表单提交与ajax传输数据,强调了get和post的区别,并详细解释了ajax传输JSON数据的配置与原理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前台向后台传输数据

1丶用传统的form表单提交,举个栗子:

<form method="post"  action="login.do">
    <input type="text" name="username"><br>
    <input type="password" name="password"><br>
    <input type="submit" value="提交" >
</form>

假设在第一个文本框中输入 admin ,在第二个密码框中输入 123 ,那么当点击submit提交按钮时,表单中的数据将会封装成如下格式的一个字符串发送到后台:"username=admin&password=123"  。这种字符串就是江湖人称的 url编码字符串(application/x-www-form-urlencoded)。

get与post的区别:
get:

前端浏览器是将所有的请求信息都写进请求报文中发送给后台服务器的。当我们设置form表单中的method="get"时,请求数据(比如上面的"username=admin&password=123")会附在url后面发送给后台:http://localhost:8080/项目名/login.do?username=admin&password=123  ,问号前表示请求的映射地址,问号后表示请求的数据,我们在浏览器的url地址栏中可以看到这些内容。

post:
当设置form表单中的method="post"时,请求数据("username=admin&password=123")会被放在请求报文的请求体中,而位于请求头中的url此时是:http://localhost:8080/项目名/login.do
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值