2014-01-24 2 views
0

나는 Submit 버튼을 클릭 한 후 같은 페이지에 AJAX를 사용하여 출력을 표시하는 HTML 애플리케이션이 있습니다. 내가 제출 버튼을 클릭 한 후 같은 HTML 페이지에서 출력을 읽을 수있는 방법nodejs의 ajax 값 읽기

app.use(express.bodyParser()); 

    var reqBody = req.body; 

사용하여 HTML 형태로 전달 된 값을 얻을 임 수 제출하기 전에.

<form id="register"action="/register" method="post"> 
    <input type="text" name="first_name"/> 
    <input type="text" name="last_name"/> 
    <input type="text" name="email"/> 
    <input type="submit" value="register"/> 
</form> 

귀하의 클라이언트 측 자바 스크립트는 다음과 같이 수 :

:

var form = document.getElementById("register"); 
form.addEventListener("submit", function() { 
    // ajax call 

    // prevent the submit 
    return false; 
}); 

하는 서버 측에서 양식 데이터에 액세스 할 수있을 것입니다

+0

무엇을 말해? 좀 더 명확하게 설명해 주시겠습니까? – cyberwombat

답변

0

는 다음과 같은 형식을 고려
app.post("/register", function(req, res) { 
    var user = { 
     first_name : req.body.first_name, 
     last_name : req.body.last_name, 
     email  : req.body.email 
    }; 
}); 

추가 읽기 :
How to prevent form from being submitted?

0

json 데이터로 응답을 node.js에서 HTML 페이지로 보내고 AJAX 성공 콜백에서 사용할 수 있습니다.

Node.js를 :

는 HTML이
res.send(resObj); 

:

$("#form").submit(function() { 
    $.ajax({ 
    type: "POST", 
    url: 'url', 
    data: formData, 
    success: function (data) { 
     data //contains response data 
    } 
    }); 
});