【前端】前后端请求发展历史

所有的网站几乎都需要发送一些用户请求,这里就是学习到的前端给后端发送请求的历史

form表单

最初使用form表单,发送请求,但是这样会使得页面刷新跳转。

 

a标签

只可以发送get请求,并且需要刷新页面

 

iframe

使用iframe嵌套,另一个新页面在iframe中呈现

form表单中添加target属性,目标是iframe的name属性值

 

SRJ方案

(server rendered javascript)

每次点击事件(请求)触发的事件是一个添加script标签, 标签内src是url路径,然后后台做出反应后,返回前端一个script标签,标签内部监听onload和onerror,成功则会提示并且刷新页面数据元素的值(这里就可以避免整个页面的刷新)

(其实也可以通过添加img标签,src也是url请求,link标签也可以发送)

img:get请求,但是只能以图片形式展示

link:get请求,但是只能以css,favicon

【前端】前后端请求发展历史

注:使用script标签方法访问可以跨域访问,只需要把url更改即可,但是只可以使用get方法

 

JSONP(优化的SRJ)

解决两个网站之间的相互访问的问题

前端代码:

【前端】前后端请求发展历史

后台代码:

【前端】前后端请求发展历史

 

AJAX

异步的JavaScript和XML

1.使用XMLHttpRequest发送请求

2.服务器返回XML格式字符串

3.JS解析XML