美文网首页
express+mysq+ajax前后端交互

express+mysq+ajax前后端交互

作者: Charlescat | 来源:发表于2017-12-20 11:01 被阅读0次

之前用的是PHP前后端交互数据库,但是Node.js是主流趋势,所以就去学了。

node.js用了express搭建服务器,大概代码如下:

var express = require('express');

var app = express();

var server = app.listen(8080, function () {

var host = server.address().address

var port = server.address().port

console.log("应用实例,访问地址为 http://%s:%s", host, port)

})

app.listen(8088);

配置路由器:

app.get('/', function (req, res) {

res.send('asd World');

})

app.post('/search_num', function (req, res) {

res.send(data);

});

app.get('/a', function (req, res) {

res.sendfile('test.html');

})

app.get('/jquery.js', function (req, res) {

res.sendfile('jquery.js');

})


前端页面(ajax用Jquery):

$.ajax({

    url: "/search_num",    //请求的url地址

    type: "POST",  //请求方式

    success: function(data,textStatus){

        console.log(data)

    },

});


mysql配置:

var mysql = require('mysql');

var connection = mysql.createConnection({

host    : 'localhost', //地址

user    : 'root', //账号

password : '',//密码

database : 'sys' //数据库

});

connection.connect();

var selectSQL = 'SELECT * FROM test';

var data = ''

connection.query(selectSQL, function(err, rows) {

data = rows

});

app.post('/search_num', function (req, res) {

res.send(data);

});

connection.end();


mysql和express 可写在同一js文件下。

当前文件夹打开控制台 node xxx.js即可运行。

大概代码如上,如果现实有500错误提示,那就是mysql配置有错误。

相关文章

  • express+mysq+ajax前后端交互

    之前用的是PHP前后端交互数据库,但是Node.js是主流趋势,所以就去学了。 node.js用了express搭...

  • 前后端交互如何保证安全性?

    前言 web与后端,andorid与后端,ios与后端,像这种类型的交互其实就属于典型的前端与后端进行交互。在与B...

  • 前后端交互完成的新学期最有收获感的一周

      本周,我们的商城项目进入了前后端交互,而且前后端交互也已经完成,ajax和thymeleaf交互模板也已经实现...

  • HTTP协议、存储、Ajax

    前后端数据交互与 HTTP 协议 1、前后端通信是什么(1)前端和后端交互的过程(2)浏览器和服务器之间数据交互的...

  • Vue(3)

    前后端交互 前后端交互模式 Promise用法 接口调用-fetch用法 接口调用-async/await用法 接...

  • 前后端数据交互方法

    《前后端数据交互方法》http://www.zhihu.com/question/26532621一个小案例搞懂前...

  • 2018-02-08

    前端与后端的数据交互 前端与后端的数据交互,最常用的就是GET、POST,比较常用的用法是:提交表单数据到后端,后...

  • SpringBoot学习随笔

    React前端和Spring boot后端的交互整合 前后端接口交互整合,可以通过spring boot的thym...

  • json-server模拟服务端REST接口

    在web项目开发中,前端完成静态页面的开发后,后端迟迟未给到接口,会导致前、后端数据交互的开发流程中停滞。可以根据...

  • 前后端数据交互方法总结

    前后端数据交互方法 在此介绍几种常用的前后端数据交互方法,并给出使用建议。以提高前后端协同开发的效率。 目录: H...

网友评论

      本文标题:express+mysq+ajax前后端交互

      本文链接:https://www.haomeiwen.com/subject/gltgwxtx.html