实现基于Node.js的ajax前后端交互的简单例子
2017-06-17 22:06
1151 查看
前端代码:
后端代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>ajaxtest</title> </head> <body> <button onclick="ajax()">button</button> </body> <script src="jquery-1.9.1.js"></script> <script> function ajax() { $.ajax({ url: 'http://127.0.0.1:8080/', dataType: 'json', type: 'get', data: { test: 'ajax' }, success: function (data) { console.log(data); } }) }; </script> </html>
后端代码:
var http = require('http'); var url = require('url'); var createServer = http.createServer(onRequest); function onRequest(request, response) { response.writeHead(200, { 'Content-Type': 'text/plain', 'Access-Control-Allow-Origin': '*' }); var str = JSON.stringify(url.parse(request.url, true).query); response.write(str); response.end(); } createServer.listen(8080); console.log('Server running at ' target='_blank'>http://127.0.0.1:8080/');[/code]
相关文章推荐
- node.js后台jquery前台-- 实现用户登录注册AJAX交互
- 图解基于node.js实现前后端分离
- 基于Node.js+express+MySQL+Bootstrap实现的简单登录注册
- 详解基于Node.js的微信JS-SDK后端接口实现代码
- 图解基于node.js实现前后端分离
- nodejs+ajax实现数据交互
- 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
- Node.js socket.io前端后端通讯简单例子
- 基于 Node.js 实现前后端分离
- 利用Node.js+Koa框架实现前后端交互的方法
- Node.js 路由映射和简单例子实现
- 图解基于node.js实现前后端分离
- 前后端数据交互之通过JS实现将得到的数组通过Ajax传递到后端
- 基于Node.js的微信JS-SDK后端接口实现
- 图解基于 Node.js 实现前后端分离
- 基于 Node.js 实现前后端分离
- 简单的ajax让前端jquery与后台node.js交互
- 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
- nodejs+ajax实现简单的文件上传功能
- 原生js方式实现ajax,并仿jquery方式简单调用