서버를 표현 jQuery를 아약스 요청은 데이터를 반환

HTML 페이지

<! DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 선두 > 
    < 메타 캐릭터 = "UTF-8" > 
    < 메타 이름 = "뷰포트" 콘텐츠 = "폭 = 기기 폭 초기 스케일 = 1.0" > 
    < 메타 HTTP -equiv = "X-UA-지원" 내용 = "즉 = 엣지" > 
    < 제목 > 문서 </ 제목 > 
    < 스크립트 SRC = "https://cdn.bootcss.com/jquery/3.4.1/jquery.min .
</ 헤드 > 
< 몸 > 
    < 스크립트 > 
        VAR 엔 params = {발 : " 값 " } 
        $ 아약스 ({ 
            유형 : ' 는 GET ' , 
            URL : ' http://127.0.0.1:3000/ ' , 
            데이터 다음 JSON. 캐릭터 라인 화합니다 (PARAMS가), 
            processData가 : false로 , // jQuery를 데이터를 데이터 여부를 처리 할 수 있는지 
            의 contentType : ' 파일 응용 프로그램 / JSON ' , 
            dataType와 : ' JSON '
        })을 (. 함수 (RET) { 
            CONSOLE.LOG (RET) 
        }). 캐치 ( 함수 (ERR) { 
            CONSOLE.LOG (err.statusText) 
        }) 
    </ 스크립트 > 
</ 바디 > 
</ HTML >

명시 적 서버 :

여기에 CORS는 크로스 도메인을 해결하기 위해, 플러그인을 설치하기 위해 기억

NPM은 CORS를 설치

서버 코드를 표현 :

var에 명시는 = 제 ( "표현")가 필요; // 도입 특급 
var에 CORS = 요구] ( 'CORS' );
 var에 응용 = 익스프레스 (); // 인스턴스가 표현 만들기 
(CORS ()) app.use을; // 크로스를 해결하기 위해 도메인 문제 
app.get ( "/", 기능 (REQ, RES는) { // 경로의 정의는 방법 정의 명시 게시물을 삭제 또한 
    var에 responseObject이 = { // 또한 배열 된 JSON의 배열로 변환 할 수 있습니다 
        이름 : "큰 웨이 " , 
        나이 : 27 
    } 
    res.json (responseObject) 
}); 

(app.listen 3000 ) 
을 console.log ( ") "포트 3000 듣기

서버를 시작한 후 데이터에 HTML 페이지 요청의 상단을 열어! ! ! !