所以后来有了AJAX。XMLHttpRequest或者fetch，本质还是发HTTP请求，但能异步执行。前端用JavaScript把数据拼成JSON字符串，`JSON.stringify({ name: '张三', age: 18})`，然后`fetch('/api/user', { method: 'POST', headers: { 'Content-Type': 'application/json'}, body: jsonString})`。后端拿到的是一段纯文本，得自己解析。Node.js里用`express.json()`中间件，Python的Flask用`request.get_json()`。两边都得约定好：我发的是JSON，你按JSON解析。要是忘了设Content-Type，后端可能把JSON当普通文本读，返回一个500，你盯着报错日志半天摸不着头脑。

文件上传是另一套玩法。图片、PDF这类二进制数据，没法塞进JSON字符串里。用FormData对象，`const fd = new FormData(); fd.append('avatar', fileInput.files[0]);`，然后直接把fd作为body传给fetch。浏览器自动设置Content-Type为`multipart/form-data`，还会生成一段随机边界字符串把文件内容包起来。后端处理时得用专门的文件解析库，比如multer。这里有个细节——文件大小限制。默认很多服务器限制2MB，传个大视频直接报413。你得在nginx或者后端代码里手动调大，否则用户卡在进度条100%却收到一个错误提示，那种挫败感能让人摔键盘。

还有更野的路子。有人用URL参数传数据，`GET /api/update?name=李四&age=20`。方便是方便，但URL长度有限制（IE浏览器上限2083字符），而且会把数据暴露在浏览器历史记录、服务器访问日志里。密码、token这些东西要是走URL，等于把家门钥匙挂在门口。我见过某内部系统把用户手机号直接拼在GET请求里，运维翻日志就能看到所有人的联系方式，这属于给自己埋雷。

最后提一嘴WebSocket。它不走HTTP那套请求-响应模式，而是建立一条长连接，两端随时可以互推数据。适合聊天、实时协作这类场景。但注意，WebSocket的握手依赖HTTP，握手成功后协议升级，数据帧格式跟HTTP完全不同。前端用`socket.send(JSON.stringify({ x: 1}))`，后端监听message事件就能拿到。麻烦在于连接状态管理——断线重连、心跳检测、消息顺序，这些坑够你加一个月班。

选哪种方式，取决于你的场景。表单提交适合简单交互，AJAX+JSON是绝对主流，FormData处理文件，WebSocket留给实时需求。别迷信框架封装，axios、jQuery的ajax都只是对fetch或XHR的包装，核心原理没变。真出了问题，回到DevTools里看请求头、请求体、响应状态码，一层层剥开，总能找到答案。数据传过去只是第一步，后端能不能正确解析、安全存储，那是另一场硬仗。