SQL Server数据库操作：动态更新远程ASP页面无需刷新
92 浏览量
更新于2024-08-29
收藏 46KB PDF 举报
"该资源主要涉及在不刷新页面的情况下如何调用远程ASP脚本，并通过SQL Server数据库操作创建和填充城市与区域的数据表。"
在Web开发中，有时候我们需要在不刷新整个页面的情况下更新或获取数据，这通常可以通过Ajax（异步JavaScript和XML）技术实现。这里提到的方法是在后台使用ASP（Active Server Pages）脚本来处理数据，同时前端通过Ajax调用这些脚本，以达到页面无刷新的数据交互。
首先，描述中提到了在SQL Server数据库中创建一个名为`house`的数据库，并在此数据库中执行了一系列的SQL脚本来构建和初始化两个表：`City`和`Area`。这两个表分别代表城市和城市下的区域。`City`表包含一个自动增长的主键`id`和城市名称`name`，而`Area`表有`id`、外键`CityId`（引用`City`表的`id`）以及区域名称`name`。这些脚本首先检查表是否存在，如果存在则删除，然后重新创建，最后插入一些初始数据，如广州、上海、北京等城市及其下属的区域。
接着，为了实现页面无刷新地调用这些数据库操作，可以创建一个名为`CityData.asp`的ASP文件。这个文件通常会包含SQL查询或者存储过程的调用，用于处理与`City`和`Area`表相关的业务逻辑。例如，它可能包含了获取所有城市或根据城市ID获取区域的函数，这些函数可以通过Ajax请求被前端页面调用。
在前端，我们可以使用JavaScript库，如jQuery，来实现Ajax调用。例如，以下是一个简单的jQuery示例，展示了如何无刷新地从`CityData.asp`获取数据：
```javascript
$.ajax({
type: "POST",
url: "CityData.asp",
data: { action: "getCityList" }, // 假设我们有一个名为getCityList的函数
dataType: "json", // 预期返回的数据类型
success: function(response) {
// 处理返回的数据，比如更新HTML
for (var i = 0; i < response.length; i++) {
var city = response[i];
$("#cityList").append("<li>" + city.name + "</li>");
}
},
error: function(error) {
console.error("Error fetching city data:", error);
}
});
```
这个示例中的Ajax请求向`CityData.asp`发送了一个POST请求，请求参数`action`指定了要执行的操作。假设`CityData.asp`接收并处理了这个请求，返回了城市列表的JSON数据，前端就能接收到这些数据并在页面上进行更新，而无需刷新整个页面。
这个资源提供的是一种将ASP脚本与数据库操作结合，并通过Ajax技术在不刷新页面的情况下交互数据的方法。这在Web开发中是提高用户体验和性能的一个常见实践。
在不刷新页面的情况下调用远程在不刷新页面的情况下调用远程asp脚本脚本
1.请在sql server 中建一数据库 name:house 在house中运行下列脚本
if exists (select * from sysobjects where id = object_id(N´[dbo].[City]´) and OBJECTPROPERTY(id, N´IsUserTable´) = 1)
drop table [dbo].[City]
GO
if exists (select * from sysobjects where id = object_id(N´[dbo].[Area]´) and OBJECTPROPERTY(id, N´IsUserTable´) = 1)
drop table [dbo].[Area]
GO
CREATE TABLE [dbo].[City] (
[id] [int] IDENTITY (1, 1) NOT NULL ,
[name] [nvarchar] (10) NULL
) ON [PRIMARY]
GO
CREATE TABLE [dbo].[Area] (
[id] [int] IDENTITY (1, 1) NOT NULL ,
[CityId] [int] NULL ,
[name] [nvarchar] (20) NULL
) ON [PRIMARY]
GO
INSERT INTO City (id,name) Values(1,”广州”)
INSERT INTO City (id,name) Values(2,”上海”)
INSERT INTO City (id,name) Values(3,”北京”)
INSERT INTO Area (id,CityId,name) Values(1,1,”天河”)
INSERT INTO Area (id,CityId,name) Values(2,1,”白云”)
INSERT INTO Area (id,CityId,name) Values(3,2,”虹口”)
INSERT INTO Area (id,CityId,name) Values(4,2,”宝山”)
INSERT INTO Area (id,CityId,name) Values(5,2,”静安”)
INSERT INTO Area (id,CityId,name) Values(6,3,”海淀”)
INSERT INTO Area (id,CityId,name) Values(7,3,”朝阳”)
2.建立文件
建立文件CityData.asp
<%@ LANGUAGE=VBSCRIPT %>
<% RSDispatch %>
<SCRIPT RUNAT=SERVER Language=javascript>
<!–#INCLUDE VIRTUAL=”/_ScriptLibrary/RS.ASP”–>
<!–#INCLUDE VIRTUAL=”/jsconn.asp”–>
function Description()
{
this.GetAreaAsArray = DoGetData;
}
public_description = new Description();
function DoGetData(cityId)
{
var sql,rst,strText,conn,i,j
conn = new ActiveXObject(“ADODB.Connection”);
conn.ConnectionString = connstr;
conn.ConnectionTimeout = 30;
conn.Open();
sql = “Select name,id from area where cityid=´” + cityId + “´”;
rst = new ActiveXObject(“ADODB.Recordset”);
rst.CursorLocation = 3;
rst.Open(sql,conn);
i = 0;
j = 0;
strText = new Array();
if (rst.RecordCount >= 1)
{
for(var i=0;i<rst.RecordCount;++i)
{
strText[j++] = rst.Fields(“name”).Value;
strText[j++] = rst.Fields(“id”).Value;
rst.movenext();
}
}
else
下载后可阅读完整内容，剩余3页未读，立即下载
点击了解资源详情
点击了解资源详情
138 浏览量
2024-01-02 上传
187 浏览量
2020-10-30 上传
229 浏览量
weixin_38502916
- 粉丝: 2
- 资源: 942
我的内容管理
展开
