使用 Node.js / Express 服务器进行 ajax GET 调用

Question

我正在尝试为 node.js 编写一个小型 ajax 实时搜索。首先，这是我的客户端代码：

  $('#words').bind('keyup', function(){
    getMatchingWords($('#words').val(), function (data){
      console.log('recieved data');
      console.log(data);
      $('#ajaxresults').show();
    });
  });

function getMatchingWords(value, callback) {
    $.ajax('http://127.0.0.1:3000/matchword/' + value + '/', {
        type: 'GET',
        dataType: 'json',
        success: function(data) { if ( callback ) callback(data); },
        error  : function()     { if ( callback ) callback(null); }
    });
}

这是我的服务器端路线：

app.get('/matchword/:value', function(req, res) {
      console.log(req.params.value);
      res.writeHead(200, {'content-type': 'text/json' });
      res.write( JSON.stringify({ test : 'test'}) );
      res.end('\n');
});

它可以工作，但我没有收到任何数据。回调函数中的数据始终为空。那么我做错了什么？谢谢你的帮助

Answer 1

更改

$.ajax('http://127.0.0.1:3000/matchword/' + value + '/', {

为

$.ajax('/matchword' + value + '/', {

Answer 2

您发出 $.ajax() 请求的 URL 是什么？如果包含该客户端 JS 的页面也不是从 127.0.0.1:3000 加载的，那么您看到的错误是由于 AJAX 请求的同源要求造成的。

Answer 3

嘿，迟到总比不到好……

我正在研究你的问题，因为我也在尝试将简单的实时搜索与express.js 后端结合在一起。

首先，我将您的网址放入本地变量中。因为我不认为那是你的问题。
特别是如果您的 Express / Node 日志显示 200 响应。那么 url 就可以了...

看来你的函数没有返回数据（正确吗？）如果是这样，请尝试这个。

var search_url = "..."// your url

function getMatchingWords(value, callback) {
    $.ajax(search_url, {
        type: 'GET',
        dataType: 'json',
        success: function (data, textStatus, jqXHR) {
            var returned_data = data;
            console.log("returned_data ="+returned_data);//comment out or remove this debug after test
            callback(returned_data);
        },
        error: function( req, status, err ) {
            console.log( 'something went wrong', status, err );
        }
    });
}

您可能还需要根据设置添加/修改标头...

        headers : { Authorization : auth },
        type: 'GET',
        dataType: 'json',  
        crossDomain:true,

auth 变量是代码中其他位置的编码身份验证对（如果您的网络服务需要某种身份验证...