jquery - 如何将 jQuery 自动完成与 Node.js 结合使用

标签 jquery rest service autocomplete

我正在尝试使用 Node REST 服务实现 jQuery 自动完成,但无法让它工作。

这是我的源代码:

自动完成:

$('#search').autocomplete({
        source: function (req, res) {
            $.ajax({
                url: "http://www.example.com:3000/autocomplete",
                dataType: "jsonp",
                type: "GET",
                data: {
                    term: req.term 
                },
                success: function (data) {
                    res($.map(data.results, function (item) {
                        return {
                            label: item.id,
                            value: item.id
                        };
                    }));
                },
                error: function (xhr) {
                    alert(xhr.status + ' : ' + xhr.statusText);
                }
            });
        }    
    });

节点服务:

exports.find = function(req, res) {
var b=req.params.term;
console.log(b);
db.collection('publication', function(err, collection) {
      collection.find({type:'pub',content: new RegExp(b, 'i') }).limit(5).toArray(function(err, items) {
                res.jsonp(items);
            });
        });
};

b 在控制台中显示为未定义,并且自动完成功能不起作用。

最佳答案

如果有人需要

index.js

var express = require('express'),
autocomplete=require('./routes/autocomplete');


var app = express();

app.configure(function () {
 app.use(express.logger('dev')); /* 'default', 'short', 'tiny', 'dev' */
 app.use(express.bodyParser());
});


app.get('/autocomplete/:search',autocomplete.find);

app.listen(6000);
console.log('Listening on port 3000...');

autocomplete.js

var mongo = require('mongodb');

var Server = mongo.Server,
        Db = mongo.Db,
        BSON = mongo.BSONPure;

var server = new Server('localhost', 27017, {auto_reconnect: true});
db = new Db('redsocial', server);

db.open(function(err, db) {
    if (!err) {
        console.log("Connected to 'mydb' database");
        db.collection('publication', {strict: true}, function(err, collection) {
            if (err) {
                console.log("error");
            }
        });
    }
});


exports.find = function(req, res) {
var b=req.params.search;
db.collection('publication', function(err, collection) {
      collection.find({type:'pub',content: new RegExp(b,'i')}).limit(5).toArray(function(err, items) {
                res.jsonp(items);
            });
        });
};

jquery

$('#search').autocomplete({
        source: function(req,res) {
            $.ajax({
                url: "http://www.ejemplo.com:3000/autocomplete/"+req.term,
                dataType: "jsonp",
                type: "GET",
                data: {
                    term: req.term
                },
                success: function(data) {
                    res($.map(data, function(item) {
                        return {
                            label: item.text,//text comes from a collection of mongo
                            value: item.text
                        };
                    }));
                },
                error: function(xhr) {
                    alert(xhr.status + ' : ' + xhr.statusText);
                }
            });
        },
        select: function(event, ui) {

        }
    });

源代码: Link

关于jquery - 如何将 jQuery 自动完成与 Node.js 结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17957390/

相关文章:

azure-devops - Rest API 可用于 IBM DOORS NG,类似于 Azure Devops Rest API?

c# - 从 C# 代码停止 Windows 服务不起作用

javascript - Bootstrap 轮播不适用于 Handlebars (上一个按钮)

jquery - 获取未捕获的语法错误: Unexpected Token ':'

jquery - 当使用 Ajax 加载 HTML 时,document.getElementsByTagName 在 IE 中不会出现单词

node.js - 适用于 RESTful api 的最佳 node.js + postgresql web 后端框架?

javascript - 将页面正文发送到另一台服务器?

java - 尝试使用 Jersey Client 下载文件时出现 HTTP 400 错误

android - 三星禁用包

linux - 为 mvn jetty :run 生成 System V 初始化脚本