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:

javascript 连接mdb javascript怎么连接数据库_javascript 连接mdb


图中定义的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:

javascript 连接mdb javascript怎么连接数据库_数据库_02


图中的是一个编辑的按钮,其属性中,οnclick=”事件名”是指定一个点击事件,这个事件可以是一个函数也可以是一个跳转链接。

Js:

下图就是点击编辑按钮后执行的函数

javascript 连接mdb javascript怎么连接数据库_ajax_03


Ajax的data中就是需要传送到服务器的数据