クライアントからサーバー側のノードに値を転送するjs

Question

多くの時間を費やしていますが、うまくいかない例がたくさんありました。誰かがこの状況で私を助けることができれば素晴らしいだろう。だから、私がしたいのは、値を取得することですp#lessonText.lesson(style='margin-left:1%;' name='desc') #{item.description} 私は#{item.description}私のサーバー側に渡す必要があります。

これは、今、私はちょうど私がクライアント側から渡された変数を、作成することができるかどうか、確認したいために、サーバ側でここに私のクライアントコード

form#myForm() 
    .container 
    ul 
     each item, index in items 
     #allLessons.container 
      .lessonsWrap 
      h3.lesson #{index+1} . Lesson | 
      p#lessonText.lesson(style='margin-left:1%;' name='desc') #{item.description} 
      button#butPam.btn.btn-primary(type='submit') Begin 
      .lesDescription 
       p(style='margin-left:1%;') Lecturer: #{item.author} 
       p(style='margin-left:1%;') Level: #{item.level} 

       script. 
       $('#myForm').on('submit', function(event){ 

        var createVar = $('#lessonText').text(); 
        alert(createVar); 
        $.ajax({ 
        url: '/qVal', 
        method: 'post', 
        contentType: 'application/json', 
        data: JSON.stringify({desc: createVar.val()}), 
        async: true, 
        success: function(response){ 
         console.log(response); 

        } 
        }) 

       }); 

です。

router.post('/qVal', function(req,res){ 
    console.log("server"); 
    var description = req.body.desc; 
    console.log(typeof(desc)); 
    console.log(desc); 
}); 

多分私は間違った方法を使用しています、多分私はこれにGETメソッドを使用する必要がありますか？ その重要なことは、私のrouter.postがうまくいかないように見えることです。 console.log（ "server"）と書くと、コンソールの "server"という単語には表示されません。

Answer 1

var querystring = require('querystring'); 

router.post('/qVal', function(req,res){ 
    req.on('data',function(data){ 
      data = querystring.parse(data.toString('utf-8')); 
      var description = data.desc; 
      console.log(typeof(desc)); 
      console.log(desc); 
    }); 
} 

Answer 2

あなたは文字列にJSONに変換するが、サーバー上で、あなたは私が何を参照してください理由ですJSON値を取得し、データ部に、サーバーへのデータのフロントを送信するために間違った方法を行っています。

フロントエンドのAjaxリクエスト

$.ajax({ 
        url: '/qVal', 
        method: 'post', 
        contentType: 'application/json', 
        data: {desc: createVar.val()}, 
        async: true, 
        success: function(response){ 
         console.log(response); 
        } 
        }) 

ノードのJs

router.post('/qVal', function(req,res){ 
    console.log("server"); 
    console.log(JSON.stringify(req.body)); 
    console.log(req.body.desc) 
} 

Answer 3

あなたはそれがあなたのJSON文字列に、それが持っていた場合" "

を解析していますJSON.stringifyを使用してあなたはこのよう"desc"を追加する場合：

クライアント

$.ajax({ 
     url: '/qVal', 
     method: 'post', 
     data: { 
        "desc": createVar.val() 
       }, 
     async: true, 
     success: function(response){ 
     console.log(response); 
     } 
     }) 

サーバー

router.post('/qVal', function(req, res){ 
     console.log(JSON.stringify(req.body)); 
     console.log(req.body.desc) 
} 

それがサーバに正しい方法で送信されます。