javascript - 프론트엔드와 백엔드 간의 데이터 상호작용 방법은 무엇입니까? 구체적인 내용은 무엇입니까?

Question

저는 프런트 엔드 담당자이고 데이터 상호 작용의 이러한 측면을 처음 접합니다. JSON 데이터를 구문 분석하고 PHP를 작성하여 배경 데이터를 받은 다음 동적으로 페이지를 생성할 수 있다는 것을 알고 있습니다. 데이터 상호작용에 대해서도 더 알고 싶습니다.
마스터들에게 와서 조언도 해주시고, 의견도 표현해주시고, 구체적인 내용도 소개해주세요!!
무릎꿇고 빌어주세요!!! 무릎꿇고 빌어!!!

Answer 1

프런트엔드와 백엔드 데이터 상호작용은 HTTP(또는 SSE, WS 등과 같은 기타 파생 유형)에 의존합니다

HTTP 요청을 시작하기 위해 프런트 엔드에서 어떤 방법을 사용할 수 있나요?

정통 네트워크 API

XMLHttpRequest

동일 출처 제한이 있는 정통 XHR 요청

이벤트소스

HTTP에서 진화한 SSE(서버 푸시) 기술입니다

웹소켓

클라이언트와 서버 간의 양방향 장거리 연결 통신

navigator.sendBeacon

새로운 비동기 데이터 보고 API는 데이터 수집을 위해 특별히 사용됩니다. 브라우저는 적절한 시간에만 데이터 보고를 수행합니다.
일반적인 시나리오는 비차단 방식으로 아웃바운드 행동을 수집하고 보고하는 것입니다.

어떤 흑마술

<img>

과거에는 PV 수집 등 데이터 수집 및 보고를 할 때 img 태그를 사용하여 무해한 HTTP GET 요청을 구성하고 쿼리스트링을 통해 데이터를 백엔드로 전달하는 경우가 많았습니다.
예를 들어, 이제 sendBeacon 대신 일반적으로 사용되는 GA를 사용해야 합니다. img를 낮은 버전 호환성 솔루션으로 유지하세요sendBeacon了，只是保留 img 做低版本兼容方案

<script>

大名鼎鼎的 JSONP，就是用的 script 标签，从而跨域向后端获取数据

More

来道思考题，能不能用<link>、<iframe>

<스크립트>🎜 🎜유명한 JSONP는 스크립트 태그를 사용하여 도메인 전체의 백엔드에서 데이터를 얻습니다🎜 🎜더보기🎜 🎜질문인데, 데이터 상호작용에 <link> 및 <iframe>을 사용할 수 있나요? 🎜

Answer 2

이것이 도움이 될 것입니다
http://www.cnblogs.com/cxying...

Answer 3

프런트엔드 및 백엔드 분업의 세 가지 모드:
http://www.algorithmdog.com/%...