JavaScript连接sql server数据库,调用存储过程。
在做静态网页、动态网页、软件开发过程中经常会涉及到通过服务器调取数据库里的数据,那么要怎么去连接数据库并能够拿到里面的数据呢?下面就是在网页开发中向数据库传值并拿到数据的小实例。
建立连接池
首先我们要在网页的连接池里建立一个数据库连接,我所介绍的项目的连接池是在名为web.config的文件里,配置代码如下:
其中:connectionStrings 配置节指定数据库连接字符串的集合。 以下示例演示如何指定连接字符串。 这些设置指定连接字符串名称、承载数据库的服务器、数据库的名称以及用于访问数据库的用户凭据。
Data Source=127.0.0.1 表示数据库地址,Initial Catalog=YST_SQL:数据库名称,User ID=wkz;Password=8160":数据库的登录名与密码
有关如何配置 ASP.NET 应用程序的详细信息,请访问:
https://go.microsoft.com/fwlink/?LinkId=169433 、
https://docs.microsoft.com/zh-cn/previous-versions/dotnet/netframework-4.0/bf7sd233(v=vs.100)
JS、ajax:
在此我就以项目中维修人员的查询和编辑来做简单介绍。
查询:查询可以是点击某个按钮后开始查询,也可以是在加载页面时就向服务器发送请求查询,这里是在加载页面时就查询,所以不用html代码:
Javascrapt:
图中定义的sUrl就是连接地址,Excute.ashx是连接数据库的接口名,GetDBStore&act=存储过程名,
Ajax:
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
常用的ajax属性如下:
1.url:
要求为String类型的参数,(默认为当前页地址)发送请求的地址。
2.type:
要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。
3.timeout:
要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。
6.data:
要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换,可以查看processData选项。对象必须为key/value格式,例如{foo1:“bar1”,foo2:“bar2”}转换为&foo1=bar1&foo2=bar2。如果是数组,JQuery将自动为不同值对应同一个名称。
9.complete:
要求为Function类型的参数,请求完成后调用的回调函数(请求成功或失败时均调用)。参数:XMLHttpRequest对象和一个描述成功请求类型的字符串。
function(XMLHttpRequest, textStatus){
this; //调用本次ajax请求时传递的options参数
}
10.success:要求为Function类型的参数,请求成功后调用的回调函数,有两个参数。
rows:将返回来的数据进行解析;
Json:返回json数据;
11.error:
要求为Function类型的参数,请求失败时被调用的函数。该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。ajax事件函数如下:
function(XMLHttpRequest, textStatus, errorThrown){
//通常情况下textStatus和errorThrown只有其中一个包含信息
this; //调用本次ajax请求时传递的options参数
}
这就是简单的查询的js,由于我用的框架中是已经写好了接口,要用时直接调用接口,所以在请求地址处是接口地址及存储过程名。
编辑:
Html:
图中的是一个编辑的按钮,其属性中,onclick=”事件名”是指定一个点击事件,这个事件可以是一个函数也可以是一个跳转链接。
Js:
下图就是点击编辑按钮后执行的函数
Ajax的data中就是需要传送到服务器的数据