前台向后台传值

作者：三木
链接：https://www.zhihu.com/question/39776935/answer/83067699
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

前端向后端传数据，就拿表单数据来说（等等，表单数据是什么鬼），且听我一一道来，比如有个输入框，想让用户填写数据然后提交到服务器，那就是这样的
<img src="https://pic2.zhimg.com/1f190e771bafe9cec8390be4163bb291_b.png" data-rawwidth="462" data-rawheight="342" class="origin_image zh-lightbox-thumb" width="462" data-original="https://pic2.zhimg.com/1f190e771bafe9cec8390be4163bb291_r.png">


页面就是这样的：
<img src="https://pic4.zhimg.com/41c512632dc449b313c71cfae1e41a77_b.png" data-rawwidth="645" data-rawheight="557" class="origin_image zh-lightbox-thumb" width="645" data-original="https://pic4.zhimg.com/41c512632dc449b313c71cfae1e41a77_r.png">

由此可见，内容只是在前端进行了“传输”，那想一下怎么传到后台呢，有个东西叫ajax,他就是这样的，（详情可以百度）：
<img src="https://pic4.zhimg.com/3b404ca1ff9d3f0f7d64259c40be4823_b.png" data-rawwidth="542" data-rawheight="351" class="origin_image zh-lightbox-thumb" width="542" data-original="https://pic4.zhimg.com/3b404ca1ff9d3f0f7d64259c40be4823_r.png">还有个参数忘了写，就是post方法的第四个参数表示后端传给你的数据的形式，这里用‘json’代表就是用json格式。

还有个参数忘了写，就是post方法的第四个参数表示后端传给你的数据的形式，这里用‘json’代表就是用json格式。
然后这样后端就可以接收到你的数据啦~~是不是喜大普奔。

但是问题又来了，一个输入框写一个变量你觉得没什么，那如果有10个输入框就要写10个变量，是不是很不方便呢，有没有更简便的方法呢？ 当然有啦，古人流传下来有个这种写法：
<img src="https://pic1.zhimg.com/5684094f0c9ac30ccb7bdef5cedcd760_b.png" data-rawwidth="662" data-rawheight="356" class="origin_image zh-lightbox-thumb" width="662" data-original="https://pic1.zhimg.com/5684094f0c9ac30ccb7bdef5cedcd760_r.png">直接用：直接用：
<img src="https://pic1.zhimg.com/76a10af95ee38b355b19447ef3475b9c_b.png" data-rawwidth="511" data-rawheight="319" class="origin_image zh-lightbox-thumb" width="511" data-original="https://pic1.zhimg.com/76a10af95ee38b355b19447ef3475b9c_r.png">效果是这样的：效果是这样的：
<img src="https://pic1.zhimg.com/3b60875787dc0a32cb53368d50047aec_b.png" data-rawwidth="1052" data-rawheight="632" class="origin_image zh-lightbox-thumb" width="1052" data-original="https://pic1.zhimg.com/3b60875787dc0a32cb53368d50047aec_r.png">