Java Web

1.GET方式请求

(1).普通URL get请求

|-------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 1 2 3 | http:``//localhost:8080/ajaxGet?id=1&username=用户名&userTrueName=真实姓名 //get也可以传json,通过参数传json字符串,然后后端进行解析(不过一般都不这么做) http:``//localhost:8080/ajaxGet?user={"id":"1","username":"用户名","userTrueName":"真实姓名"} |

(2).表单类GET请求

复制代码
<form id="fromGet" action="fromGet" method="GET">
<input  type="text"name="id"  value="1">
<input  type="text"name="username"  value="用户名">
<input  type="text"  name="userTrueName"  value="真实名字">
</form>

(3).AJAX Get请求

(A)正确示例

|---------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 1 2 3 4 5 6 7 | $.ajax({ ``type: ``"GET"``, ``url: ``"http://localhost:8080/ajaxGet"``, ``data:{``"id"``:``1``,``"username"``:``"用户名"``,``"userTrueName"``:``"真实名称"``}, ``//contentType:'application/x-www-form-urlencoded' ``contentType:``'application/json' }); |

注意:

1.data必须为json对象

2.实际上无需设置contentType

示例中我故意设置了contentType,但其实不管设置成什么都是无效的,因为传输的数据会在发送请求时,对Json对象进行编码解析

.Form表单提交

ps:针对POST,第一点包含了所有GET请求方式

form表单提交一般说的是content-type为x-www-form-unlencoded或multipart/form-data的请求

(1) 传统form表单提交, 默认content-type为 x-www-form-unlencoded,如下

复制代码
<form id="fromPost" action="fromPost" method="POST">
    <input type="text"name="id" value="1">
    <input type="text"name="username" value="用户名">
    <input type="text" name="userTrueName" value="真实名字">
</form>

(2) 含文件的form表单 ,需要指明enctype为 multipart/form-data(enctype相当于content-type)

复制代码
<form id="fromMutli" action="fromMutli" enctype="multipart/form-data" method="POST">
    <input type="text"name="id" value="1">
    <input type="file" name="file">
</form>

(3) Ajaxform表单提交

复制代码
//data为json对象
$.ajax({
    type: "POST",
    url: "http://localhost:8080/ajaxPost",
    dataType: 'json',
    data:{"id":1,"username":"用户名","userTrueName":"真实名称"},
    contentType:'application/x-www-form-urlencoded'
});

(摘自博客园

相关推荐
OpenTiny社区9 分钟前
一文解读“Performance面板”前端性能优化工具基础用法!
前端·性能优化·opentiny
拾光拾趣录31 分钟前
🔥FormData+Ajax组合拳,居然现在还用这种原始方式?💥
前端·面试
不会笑的卡哇伊40 分钟前
新手必看!帮你踩坑h5的微信生态~
前端·javascript
bysking41 分钟前
【28 - 记住上一个页面tab】实现一个记住用户上次点击的tab,上次搜索过的数据 bysking
前端·javascript
Dream耀43 分钟前
跨域问题解析:从同源策略到JSONP与CORS
前端·javascript
前端布鲁伊44 分钟前
【前端高频面试题】面试官: localhost 和 127.0.0.1有什么区别
前端
HANK44 分钟前
Electron + Vue3 桌面应用开发实战指南
前端·vue.js
極光未晚1 小时前
Vue 前端高效分包指南:从 “卡成 PPT” 到 “丝滑如德芙” 的蜕变
前端·vue.js·性能优化
郝亚军1 小时前
炫酷圆形按钮调色器
前端·javascript·css
Spider_Man1 小时前
别再用Express了!用Node.js原生HTTP模块装逼的正确姿势
前端·http·node.js