理解AJAX和JSON,两者区别以及相关前后端交互。

1.前言

很多人学到前后端交互后一会AJAX一会又JSON很懵啊,或者有初学者想要了解前后端是如何交互的,那么本篇会是很好的了解参考。

2.前后端如何交互

前后端交互一般就是两种,一个是通过表单的提交,另一个就是ajax技术。所以提前清楚ajax是用于前后端交互的一门技术。

  • 表单提交:通过前端设计表单而后端通过get或post获取信息,不论Java还是php都与这两者分不开,无非就是前一个通过Servlet下的doGet和doPost方法,后者通过$_GET和$_POST两个变量。应当明确这是前端传数据给后端。
  • AJAX:是异步的JavaScript和XML,前端通过ajax给服务器发送请求,并获取服务器的响应数据。学习Java的应该知道,后端可以通过表单获取前端数据,但是后端却没办法将数据返回给html,所以有了jsp,但是jsp复杂而且无法实现前后端分离,前端不清楚Java代码,所以jsp代码也要交给后端,那不就向全栈靠拢了。而AJAX的出现则实现了前后端的分离。

3.AJAX与JSON

ajax的异步可以在不重新加载页面的情况下与服务器实现交互并更新部分网页,比如在百度的输入框输入“老坛酸菜”,下面立马能够联想出“老坛酸菜怎么了”“315”等等,这就是异步。
有了ajax,那么就可以实现 html + ajax + 后端的结构,一般ajax交由前端工程师,后端只需简单获取数据并返回数据就可以了。
那么json是什么呢?json是JavaScript的对象表示法,是一种数据的载体。比如前端通过ajax发送数据,或者后端返回数据给前端,那双方各玩各的怎么行呢(也不是各玩各的,人家是使用xml为载体传输,但是json比较优秀,语法简单,可读性强,能减少传输时占用的宽带,现在json几乎已经成了主流),所以统一数据的格式,一起使用json,前端用json的规范来写JavaScript,后端也将返回的数据转化成json的格式,那不就皆大欢喜了。

4.总结

总之ajax和json两者不是同一个层面的东西,没法比较,只能说清二者是不同的技术。json跟xml才有可比性。最后,要是有哪里讲错了也希望大家能在评论区指出。

更多推荐

理解AJAX和JSON,两者区别以及相关前后端交互。