static中间件可以使客户端直接访问网站中的所有静态文件.

利用这个功能可以直接把服务器上的静态页面直接读取出来返回到客户端.

从客户端点击一个按钮,向服务器端发送数据.并且插入到mysql数据库中去.

服务器端代码:

 var express=require("express");

 var app=express();

 var mysql=require("mysql");

 var pool=mysql.createPool({

     host:"localhost",

     port:3306,

     database:"test_db",

     user:"root",

     password:"gys"

 });

 app.use(express.static(__dirname));

 /*app.use(express.static("public"));*/

 app.post("/", function (req,res) {

     req.on("data", function (data) {

         var obj=JSON.parse(data.toString());

         pool.getConnection(function(err,connection){

             if(err) res.send("与mysql数据库建立连接失败.");

             else{

                 var str;

                 connection.query("insert into users set ?",{username:obj.username,firstname:obj.firstname}, function (err,result) {

                     if(err) str="在服务器mysql数据库中插入数据失败.";

                     else    str="在服务器端mysql数据库汇总插入数据成功.";

                     connection.release();

                     res.send(str);

                 });

             }

         })

     });

 });

 app.listen(1337,"127.0.0.1", function () {

     console.log("开始监听1337");

 });

根目录下的index.html代码:

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta charset="UTF-8">

     <title>session中间件的使用</title>

     <script type="text/javascript">

         function submitData(){

             var xhr=new XMLHttpRequest();

             xhr.open("post","/",true);

             xhr.onload= function () {

                 if(this.status=200){

                     document.getElementById("res").innerHTML=this.response;

                 }

             };

             var obj={firstname:"郭",username:"延思"};

             xhr.send(JSON.stringify(obj));

         }

     </script>

 </head>

 <body>

 <input type="button" value="提交" onclick="submitData();" />

 <div id="res"></div>

 </body>

 </html>

在浏览器中键入:localhost:1337或localhost:1337/index.html

如果文件名是index.html可以直接这样写:localhost:1337

否则就是localhost:1337/文件名

node的express中间件之static之ajax提交json的更多相关文章

  1. node的express中间件之bodyParser

    bodyParser用于解析客户端请求的body中的内容,内部使用JSON编码处理,url编码处理以及对于文件的上传处理. 下面是一个文件上传的例子. 建立一个1.html页面 <!DOCTYP ...

  2. MVC中用ajax提交json对象数组

    应用场景:在前端用ajax向服务器提交json对象数组,在controller的以对象数组作为函数的参数,提交的json数组直接转为服务器端的对象数组. 如: 要将json对象数组[{Id:1,Nam ...

  3. Jquery Ajax 提交json数据

    在MVC控制器(这里是TestController)下有一个CreateOrder的Action方法 [HttpPost] public ActionResult CreateOrder(List&l ...

  4. ajax提交json数据到后端C#解析

    本文链接:https://blog.csdn.net/qq_22103321/article/details/78015920 前端提交json数据 $.ajax({ type: "post ...

  5. Node.js + Express中间件详解

    使用中间件 Express是一种路由和中间件Web框架,它具有自己的最小功能:Express应用程序本质上是一系列中间件函数调用. 中间件函数是可以访问请求对象 (req),响应对象(res)以及应用 ...

  6. node的express中间件之directory

    direcotry中间件用于在浏览器中流出网站某个目录下的所有子目录及文件. app.use(express.directory(path,[options])); 查看网站根目录下的文件及目录 va ...

  7. node的express中间件之session

    虽然session与cookie是分开保存的.但是session中的数据经过加密处理后默认保存在一个cookie中.因此在使用session中间件之前必须使用cookieParser中间件. app. ...

  8. node.js+express+jade系列五：ajax登录

    本文通过jquery实现简单的无刷新登录 1:首先要在router中配置登录请求,因为登录需要传user和pwd考虑到安全需用post请求 {        path:'/',        meth ...

  9. jquery ajax提交json格式的数据，后台接收并显示各个属性

    我的表单如下: <form onsubmit="return false"> <ul> <li><span>用户名</span ...

随机推荐

  1. Makefile.am文件的实例讲解

    Makefile.am是一种比Makefile更高层次的编译规则,可以和configure.in文件一起通过调用automake命令,生成Makefile.in文件,再调用./configure的时候 ...

  2. 【转】DirectUI 资源提取器

    转自 http://www.cnblogs.com/Alberl/p/3378413.html   二.DirectUI 资源提取器     由于不能用传统工具,那么怎么办呢?可能有很多网友都知道QQ ...

  3. C++实现线程同步的几种方式

    线程同步是指同一进程中的多个线程互相协调工作从而达到一致性.之所以需要线程同步,是因为多个线程同时对一个数据对象进行修改操作时,可能会对数据造成破坏,下面是多个线程同时修改同一数据造成破坏的例子: # ...

  4. Java并发编程之重入锁

    重入锁,顾名思义,就是支持重进入的锁,它表示该锁能够支持一个线程对资源的重复加锁.重进入是指任意线程在获取到锁之后能够再次获取该锁而不会被锁阻塞,该特性的实现需要解决以下两个问题. 1.线程再次获取锁 ...

  5. select2切换事件如何生效

    1.问题背景 利用select2生成可搜索下拉框,并且绑定切换事件:但是直接绑定change事件,发现不起作用 2.问题原因 <!DOCTYPE html> <html> &l ...

  6. 构造字典：DictionaryBase类和SortedList类

    DictionaryBase 类 msdn对DictionaryBase的文档解释 泛型KeyValuePair类 msdnd对泛型KeyValuePair类的文档解释 SortedList类 RUN ...

  7. Mac怎么快速创建便签和发送附件的邮件

    1.如何快速创建便签        在Mac的任意界面选中文字:shift+command+y 就能创建便签2.如何快速发送附件的邮件(网页界面)        在Safari网页界面 command ...

  8. EM算法定义及推导

    EM算法是一种迭代算法,传说中的上帝算法,俗人可望不可及.用以含有隐变量的概率模型参数的极大似然估计,或极大后验概率估计 EM算法定义 输入:观测变量数据X,隐变量数据Z,联合分布\(P(X,Z|\t ...

  9. ASP.NET Core 中的SEO优化（4）：自定义视图路径及主题切换

    系列回顾 <ASP.NET Core 中的SEO优化(1):中间件实现服务端静态化缓存> <ASP.NET Core 中的SEO优化(2):中间件中渲染Razor视图> < ...

  10. python(十三)：网络编程之socket与socketserver

    socket是操作系统中I/O系统延伸部分,支持TCP和UDP等网络通信协议,它使计算机之间(或其本身)的进程通信称为可能.socket中的socket()函数.recv()函数和send()函数,相 ...