The front-end and back-end data interaction relies on HTTP (or other derived types, such as SSE, WS, etc.)
What methods are available on the front end to initiate HTTP requests?
Orthodox Network API
XMLHttpRequest
Orthodox XHR request, with same-origin restriction
EventSource
It is SSE (server push) technology, evolved from HTTP
WebSocket
Bi-directional long connection communication between client and server
navigator.sendBeacon
The new asynchronous data reporting API is specially used for data collection. The browser will only perform data reporting at the appropriate time. A typical scenario is to collect and report outbound behavior in a non-blocking manner.
Some black magic
<img>
In the past, when we did data collection and reporting, such as PV collection, we often used the img tag to construct a harmless HTTP GET request and pass the data to the backend through querystring. For example, the commonly used GA should now be used insteadsendBeacon, but img should be retained as a low version compatibility solution
<script>
The famous JSONP uses the script tag to obtain data from the backend across domains
More
Let’s think about it. Can we use <link>、<iframe> to interact with data?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
The front-end and back-end data interaction relies on HTTP (or other derived types, such as SSE, WS, etc.)
What methods are available on the front end to initiate HTTP requests?
Orthodox Network API
XMLHttpRequest
Orthodox XHR request, with same-origin restriction
EventSource
It is SSE (server push) technology, evolved from HTTP
WebSocket
Bi-directional long connection communication between client and server
navigator.sendBeacon
The new asynchronous data reporting API is specially used for data collection. The browser will only perform data reporting at the appropriate time.
A typical scenario is to collect and report outbound behavior in a non-blocking manner.
Some black magic
<img>
In the past, when we did data collection and reporting, such as PV collection, we often used the img tag to construct a harmless HTTP GET request and pass the data to the backend through querystring.
For example, the commonly used GA should now be used instead
sendBeacon, but img should be retained as a low version compatibility solution<script>
The famous JSONP uses the script tag to obtain data from the backend across domains
More
Let’s think about it. Can we use
<link>、<iframe>to interact with data?This should help you
http://www.cnblogs.com/cxying...
Three modes of front-end and back-end division of labor:
http://www.algorithmdog.com/%...