Node.js 는 Ajax 의 POST 요청 에 응답 하고 JSON 파일 로 저장 하 는 방법 에 대한 자세 한 설명 입 니 다.

목적 을 실현 하 다
D3.js 가 개발 한 전단 응용 을 사용 합 니 다.사용자 와 그림 의 상호작용 으로 그림 의 내용 을 변경 한 후에 다음 에 불 러 온 마지막 상호작용 의 내용 을 어떻게 표시 합 니까?
본 고 는 백 엔 드 의 Node.js 프로그램 을 통 해 최소 화 방안 을 제공 하여 참고 로 한다.
개발 환경
  • 백 엔 드:Node.js
  • Node.js 모듈:Express,body-parser,fs
  • 전단:JQuery
  • 백 엔 드
    1.nodejs 를 설치 하고 설치 후 디 스 플레이 버 전 번호 로 설치 여 부 를 확인 합 니 다.
    
    node --version
    2.새 프로젝트 디 렉 터 리(폴 더),설치 모듈.
    
    npm install express
    npm install body-parser
    Express 는 Node.js 웹 응용 프로그램 프레임 워 크 입 니 다.http://expressjs.com/
    body Parser 는 http 요청 체 를 분석 하 는 데 사 용 됩 니 다:https://github.com/expressjs/body-parser
    3.createServer.js 를 새로 만 듭 니 다.
    
    var express = require('express');
    var bodyParser = require('body-parser');
    var fs = require('fs');
    
    var app = express();
    
    // bodyParser.urlencoded  form       
    app.use(bodyParser.urlencoded({extended: false}));
    
    // bodyParser.json  json     
    app.use(bodyParser.json());
    
    app.post('/saveJSON',function(req, res){
    
     //         
     var str_json = JSON.stringify(req.body); 
    
     fs.writeFile('graph.json', str_json, 'utf8', function(){
      //           
      console.log("    ");
     });
    
    });
    
    app.listen(3000);
    4.createServer.js 실행
    
    Node createServer.js
    감시 할 거 예요.http://127.0.0.1:3000 보 내주 신 요청 입 니 다.
    요청 이 있 으 면:http://127.0.0.1:3000/saveJSON서버 디 렉 터 리 에 graph.json 파일 을 저장 합 니 다.파일 의 내용 은 클 라 이언 트 가 보 낸 post 데이터 입 니 다.
    전단
    
    //       
    var person = {
     name: "lucy",
     age: 25
    }
    
    //   JQuery   POST  ,   person
    $.post("http://127.0.0.1:3000/saveJSON",person,function(data, status){
     alert("Data: " + data + "
    Status: " + status); });
    브 라 우 저 를 불 러 온 후 백 엔 드 콘 솔 에'저장 완료'를 표시 합 니 다.이것 은 우리 가 writeFile 에 쓴 리 셋 함수 입 니 다.서버 디 렉 터 리 에 graph.json 이 하나 더 있어 서 결과 가 정확 하 다 는 것 을 증명 합 니 다.
    총결산
    이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 면 댓 글 을 남 겨 주 십시오.우리 에 대한 여러분 의 지지 에 감 사 드 립 니 다.

    좋은 웹페이지 즐겨찾기