Question

因此，我正在进行API调用，并且该调用中的对象之一是唯一ID。我正在尝试使用Ajax将ID对象传递回服务器端。没用我在做什么错了？

这是我的客户端代码，首先我遍历一个javascript对象：

git for-each-ref --sort=-taggerdate --format "%(tag) %(taggerdate)" refs/tags

tag-1.2     Aug 10      
tag-1.1     Aug 10      
tag-1.0     Aug 10

点击链接后，我需要将ID传递回nodejs：

<% apiResultsdata['items'].forEach(function(items) { %>

    <% let ID = items['id'] %>
    <% let volumeInfo = items['volumeInfo'] %>
    <% let author = volumeInfo['authors'] %>
    <% let title = volumeInfo['title'] %>
    <% let image = null %>
    <% if(!(volumeInfo['imageLinks'] === undefined)) { %>
      <% image = volumeInfo['imageLinks']['smallThumbnail'] %>
 <% } %>

在我的数据文件中，我将ID作为ejs对象传递，因为这是我使用的模板语言。不确定是否正确。

这是服务器上的发布路线：

<div class="col">
                <div class="card-block px-2">
                  <a  href="/bookDetails"><h5 class="card-title"><%= title %></h5></a>


                  <script type="text/javascript">
                      $('a').click(function() {
                        $.ajax({
                          type: 'post',
                          data: {'ID':'<%= ID %>'},
                          url: 'localhost:3000/bookDetails',
                          success: function(data){
                            console.log('success');
                          }
                        });
                      });
                  </script>

Answer 1

在传递到数据字段之前，需要设置contentType和JSON.stringify对象。（check this thread）

$.ajax({
    type: 'post',
    contentType: "application/json; charset=UTF-8",
    data: JSON.stringify({ ID: '<%= ID %>' }),
    url: 'localhost:3000/bookDetails',
    success: function(data) {
        console.log('success');
    }
});

在服务器端使用json-parser中间件总是一个好主意

const bodyParser = require('body-parser');
app.use(bodyParser.json());

然后您可以获取包含ID参数的请求正文，如下所示

router.post('/bookDetails', (req, res) => {
  let ID = req.body.ID;
  console.log('ID: ' + ID);
});

如何将Ajax发布数据传递到Node.js服务器？

1 个答案: