Jquery Ajax 데이터가 표시되지 않습니다.

Question

다음 ajax 요청에서 노드 서버에 이름이 fileName 인 파일에 대한 작업을 요청합니다. 나는 서버 측에 요청을 로그인 할 때

아약스

$.ajax({ 
    type: "POST", 
    data: {'imageFileName': fileName}, 
    contentType: "json", 
    url: '/myRoute', 
    success: function(data){ 
     if(!data){ 
      errorMessage(); 
     } 
     else{ 
      display(data); 
     } 
    } 
}) 

라우터는

router.post('/myRoute', function(req, res){ 
    console.log(req.imageFileName) //Undefined 
    res.end(); 
}) 

그러나, 나는 fileName없이 거대한 객체를 얻는다. 요청의 이름이 req 인 경우 req.imageFileName은 정의되지 않은 값을 나타냅니다. 서버 측에서 fileName에 액세스 할 수 없다는 것을 어떻게 잘못하고 있습니까?

Answer 1

데이터에서 따옴표를 제거하십시오. 또한 파일 이름에있는 내용을 한번 확인해보십시오.

$.ajax({ 
    type: "POST", 
    data: {imageFileName: fileName}, 
    contentType: "json", 
    url: '/myRoute', 
    success: function(data){ 
     if(!data){ 
      errorMessage(); 
     } 
     else{ 
      display(data); 
     } 
    } 
}) 

http://api.jquery.com/jquery.ajax/

Answer 2

는 다음을 시도해보십시오

$.ajax({ 
type: "POST", 
data: {'imageFileName': fileName}, 
url: '/myRoute', 
success: function(data){ 
    if(!data){ 
     errorMessage(); 
    } 
    else{ 
     display(data); 
    } 
} 
}) 

서버 측 나는 그것의 콘텐츠 형식 그게 당신에게 문제를 제공 한 경우보고 싶어

var bodyParser = require('body-parser'); 
app.use(bodyParser.urlencoded({ 
extended: false 
})) 

.

Answer 3

태그는 body-parser에서 제공 한대로 요청의 body에 있습니다. 그러므로 이것은 효과가있었습니다.

router.post('/myRoute', function(req, res){ 
    console.log(req.body.imageFileName) //Correct 
    res.end(); 
})