客户端javascript与服务器node.js通信的简单方法

Question

My objective is to design a small site with auto-completion of a field which would take suggestions from server's database (Node.js + MySQL).

What methods I could use to achieve this client-server communication as user types value into a field. I am looking for something greater than writing own AJAX requests, but easier than frameworks like Angular.

Answer 1

I use the same NodeJS + MySQL setup.

If you already have your app going, I suggest installing socket.io . Otherwise, look into Express.IO which is a framework for NodeJS development with Socket.IO integrated into it.

Websockets make AJAX look silly!

In NodeJS, you listen for io.emit("someEvent", {object-data-here}); on the client side, and route it on the server side with app.io.route("someEvent", function(request,response) {});

Don't copy and paste this, but firing a socket for a keyUp event is easy peasy.

var input = document.getElementById("inputfield");
input.addEventListener("keyUp", function() {
    io.emit("aKeyWasPressed", {value:this.value}); //on key up, send input value to Node
}, false); //false for bubbling event

Answer 2

take a look at jQuery $.ajax() method. http://api.jquery.com/jquery.ajax/

You can use the jquery-ui autocomplete for your autocomplete functionality. http://jqueryui.com/autocomplete/