Node.js 는 Ajax 의 POST 요청 에 응답 하고 JSON 파일 로 저장 하 는 방법 에 대한 자세 한 설명 입 니 다.
D3.js 가 개발 한 전단 응용 을 사용 합 니 다.사용자 와 그림 의 상호작용 으로 그림 의 내용 을 변경 한 후에 다음 에 불 러 온 마지막 상호작용 의 내용 을 어떻게 표시 합 니까?
본 고 는 백 엔 드 의 Node.js 프로그램 을 통 해 최소 화 방안 을 제공 하여 참고 로 한다.
개발 환경
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 이 하나 더 있어 서 결과 가 정확 하 다 는 것 을 증명 합 니 다.총결산
이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 면 댓 글 을 남 겨 주 십시오.우리 에 대한 여러분 의 지지 에 감 사 드 립 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Express + AWS S3 이미지 업로드하기웹 사이트 및 모바일 애플리케이션 등에서 원하는 양의 데이터를 저장하고 보호할 수 있다. 데이터에 대한 액세스를 최적화, 구조화 및 구성할 수 있는 관리 기능을 제공한다. AWS S3 에 저장된 객체에 대한 컨테이너...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.