ajax页面数据的传递
在上一篇文章中,简单提到了ajax的工作流程,那么在这里我们就得实战一回了,真正将ajax的用途展现出来,这一整套流程就是在页面上触发一个ajax事件,然后发送请求,紧接着到数据库读取数据,返回值,然后显示在页面上,当然这个是不用刷新整个页面的当然这也就得益于ajax的异步功能了,这里不做过多的简述。
首先第一步,就是触发一个事件,这个事件当然是出现在页面上的,所谓的事件,就是用户在页面上的活动会触发某些事件,比如说点击啊,什么的,然后网页会给出一定的反应,这就是事件的定义,当然在这里,当我们用户点击某个按钮,触发某个事件,当然这个事件上绑定了我们的ajax当被触发以后,就执行我们前一章节简述的ajax工作流程,发送一个ajax请求到我们的服务器,在这里,服务器的搭建有很多的,有大型的,比如说用Java编写的安全性高的,有中小型的,比如说用php语言编写的,当然,我们这里采用node-js搭建的服务器。
当我们的监听端口监听到用户发送来的ajax请求,紧接着就会进行编译,这里我们得定义好sql语句,在这里,node-js服务器就将执行我们编译好的sql语句,以res.send(),发送到数据库,在这一步,便是执行数据库操作,将符合我们查找需要的数据找出来,在返回给我们的ajax,紧接着,ajax的response.text将带回从数据库查出来的返回值,我们通过操作javascript 的DOM属性就可以将返回值随意的放在页面上了。
在这里,不得不提一下node-js对已数据库的连接,我们的node-js是基于谷歌的v8引擎,独立运行的,基于异步非阻塞IO的一种新技术,其中的详细介绍将在后面详述,其中node-js提供了许多的核心包,这些包是通过npm包管理工具进行下载的,下载好以后,我们只需在我们的项目中引入mysql模块包就可以了,建立连接
var conn=mysql.createConnection();
紧接着就要连接我们的数据库核心包了,
var mysql=require("mysql");
var conn=mysql.createConnection({
host:"localhost" ---------->这一步的操作主要是定义是在本机上访问数据库还是远程访问;
port:3306;-------------->数据库的端口号,方便对接。
database:“test”--------->我们需要查询的那个数据库名称
user:“root”---------->我们定义好的数据库的用户名;
password:“123”------>我们定义的数据库的密码;
});
进过这几步的话,我们就基本上完成了node-js和我们mysql 的成功对接,当然我们数据库是存放数据的地方,里面不乏一些重要的数据,就像是我们的房子一样,你出门以后总不会不关门就离开了吧,忘记了的除外,所以当我们在用完数据库之后,重要的一点就是记得关闭数据库。虽然不是什么大事情,但是作为一个程序员我们必须注重细节。
其中在连接中,还有就是node-js的介绍,在这里都不是很详细,接下来我们详细介绍。
ajax页面数据的传递的更多相关文章
- AJAX 页面数据传递
$.ajax({ //一个Ajax过程 type: "post", //以post方式与后台沟通 url: "personstockajax.php", //与 ...
- vue ajax获取数据的时候,如何保证传递参数的安全或者说如何保护api的安全
https://segmentfault.com/q/1010000005618139 vue ajax获取数据的时候,如何保证传递参数的安全或者说如何保护api的安全 点击提交,发送请求.但是api ...
- form表单提交数据,页面必定会刷新,ajax提交数据不会刷新,做到悄悄提交,多选删除,ajax提交实例
很多页面用到的模态对话框,如知明网站https://dig.chouti.com/的登录页都是模态对话框, 当点登录时,是用的ajax提交,因为输入错了信息,有返回消息,而页面没有刷新. jquery ...
- vue页面之间数据的传递
vue是由一个个组件组合而成的页面,今天我们就来说一下页面之间数据的传递. 我们经常会在后台管理系统看到用户详情,有添加用户和编辑用户.有时候我们的添加和编辑是在同一页面上以模态框的形式展现的,但有的 ...
- 扩展auth_user字段、BBS需求分析、创建BBS数据库、注册页面搭建与用户头像展示及Ajax提交数据
昨日内容回顾 csrf跨站请求 1. SQL注入 2. xss攻击 3. csrf跨站请求 4. 密码加密(加盐) '''django中默认有一个中间件来验证csrf''' # 只针对post请求才验 ...
- ASP.NET MVC5中View-Controller间数据的传递
使用ASP.NET MVC做开发时,经常需要在页面(View)和控制器(Controller)之间传递数据,那么都有哪些数据传递的方式呢? 本文对于View向Controller中传值共列举了以下几种 ...
- Learning Scrapy笔记(六)- Scrapy处理JSON API和AJAX页面
摘要:介绍了使用Scrapy处理JSON API和AJAX页面的方法 有时候,你会发现你要爬取的页面并不存在HTML源码,譬如,在浏览器打开http://localhost:9312/static/, ...
- 使用服务器端控制AJAX页面缓存
你知道 response.setHeader("Cache-Control","no-cache"); 这条语句是干什么的吗? 这是用来防止浏览器缓存动态内容生 ...
- ajax大数据排队导出+进度条
描述 :我们现在有很多数据,分表存放,现在需要有精度条的导出.最后面有完整源码. 效果图:
随机推荐
- C#程序设计基础——运算符与表达式
运算符就是完成操作的一系列符号,它主要包括算术运算符.赋值运算符.关系运算符.逻辑运算符.条件运算.位操作运算符和字符串运算符. 表达式就是运算符和操作数的组合,如a*b+1-c.表达式主要包括算术表 ...
- Struts2+JFreeChart
前言 关于Struts2入门以及提高等在这里就不介绍了,但是关于Struts2的学习有以下推荐: struts2-showcase-2.0.6.war:这个是官方自带的Demo(struts-2.0. ...
- centos 6.5 安装weixin
下载cpanm wget http://xrl.us/cpanm --no-check-certificate -O /sbin/cpanm && chmod +x /sbin/cpa ...
- rsync使用说明
需求:把10.5.128.190数据同步到10.5.128.27 用客服端-服务器模式,需要从客户端发起 也就是从10.5.128.27发起 10.5.128.27 作为客户端 10.5.128.19 ...
- Linux kernel ‘key_notify_policy_flush’函数信息泄露漏洞
漏洞名称: Linux kernel ‘key_notify_policy_flush’函数信息泄露漏洞 CNNVD编号: CNNVD-201307-072 发布时间: 2013-07-05 更新时间 ...
- 【转】java中float与byte[]的互转 -- 不错
原文网址:http://tjmljw.iteye.com/blog/1767716 起因:想把一个float[]转换成内存数据,查了一下,下面两个方法可以将float转成byte[]. 方法一 imp ...
- 动态规划(背包问题):POJ 1742 Coins
Coins Time Limit: 3000MS Memory Limit: 30000K Total Submissions: 32955 Accepted: 11199 Descripti ...
- 动态规划——区间dp
在利用动态规划解决的一些实际问题当中,一类是基于区间上进行的,总的来说,这种区间dp是属于线性dp的一种.但是我们为了更好的分类,这里仍将其单独拿出进行分析讨论. 让我们结合一个题目开始对区间dp的探 ...
- hdu 4705 dfs统计更新节点信息
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4705 #pragma comment(linker, "/STACK:16777216&qu ...
- [置顶] SpecDD系列:6个确保您执行“充分”QA测试的技巧
确保团队执行 “足够的” 测试覆盖面是非常困难的,尤其是对敏捷开发团队来说.对于初学者而言,一个开发Sprint中要完成多少的质量保证工作才够呢?我们知道,敏捷的标准是在开发Sprint结束的时候要完 ...