客户端javascript与服务器node.js通信的简单方法
Simple method of client javascript communicating with server node.js
我的目标是设计一个具有自动完成字段的小网站,该字段将从服务器的数据库(Node.js + MySQL)中获取建议。
当用户在字段中键入值时,我可以使用哪些方法来实现客户机-服务器通信。我正在寻找比编写自己的AJAX请求更大的东西,但比像Angular这样的框架更容易。
我使用相同的NodeJS + MySQL设置。
如果你已经有了你的应用程序,我建议安装socket.io
。否则,看看Express.IO
,这是一个使用Socket进行NodeJS开发的框架。IO集成在里面。
Websockets让AJAX看起来很傻!
在NodeJS中,您在客户端监听io.emit("someEvent", {object-data-here});
,并在服务器端使用app.io.route("someEvent", function(request,response) {});
路由它
不要复制粘贴,但是为keyUp
事件触发套接字是很容易的。
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
看看jQuery $.ajax()方法。http://api.jquery.com/jquery.ajax/
您可以使用jquery-ui autocomplete来实现自动完成功能。http://jqueryui.com/autocomplete/
相关文章:
- 简单的javascript在Shopify中不起作用
- Firebase迁移-简单的Firebase.set没有'不再工作了——旧的还是新的
- 如何制作简单的php'在Javascript中的foreach等价物
- JQuery:向多个匹配结果添加换行符的最简单方法
- AJAX简单错误.XMLHttpRequest无法加载http://localhost/mpl/getPage.php.
- Moment/Jquery-一个简单时间线的愚蠢问题
- 如何使用HTML5与UDP套接字通信
- 什么's本地node.js服务器和python简单http服务器之间的区别
- 简单类测试未通过
- 简单地将拆分变量添加到对象中
- firefox插件和dev/panel之间的通信
- 通过javascript操作图像,非常简单
- 问题用moment JS制作一个简单的时间表
- 简单的ES6承诺问题-交换解决和拒绝参数
- 带有计数器、缩略图、进度条和淡入淡出效果的简单jQuery幻灯片
- 简单的JS函数.需要对变量进行澄清
- 在 NodeJS 中进行客户端-服务器通信的简单方法
- 寻找JavaScript和Java之间的简单通信方式
- 客户端javascript与服务器node.js通信的简单方法
- 在React.js中,我如何设置一个简单的全局事件系统来在组件之间进行通信?