jQuery 被设计为在浏览器环境中运行 - 所以这是一个具有 DOM 的环境,具有 JavaScript 支持(显然)等等。
要从 MS SQL Server 检索数据,您需要访问数据库驱动程序和服务器。浏览器很少有这两件事,即使有,你通常也不想让两者直接对话。
相反,构建此结构的常用方法是让基于浏览器的代码与中间层服务器(Web 服务器,因为浏览器擅长与它们通信)通信,然后中间层服务器可以访问数据库。有几个原因:
它为您提供了一个应用安全、看门、限制、监控等的地方(浏览器和数据库之间的服务器)。
它可以防止将您的数据库代码和结构暴露给最终用户(因为任何想要阅读它的人都可以阅读基于浏览器的 JavaScript 代码)。
从浏览器环境访问数据库驱动程序很棘手,需要像 IE 这样的非标准东西ActiveXObject
它们并不存在于所有浏览器上,即使在存在它们的浏览器上也会触发安全警告。
How浏览器与服务器的对话取决于您想要执行的操作,但现代实践是使用 ajax,它代表(有点杜撰)异步 JavaScript 和 XML。 (如今,人们不仅仅将其用于 XML;JSON http://json.org是一种更常见的数据表示法。)
例如,也许您想在单击按钮时填写一些 HTML。在基于浏览器的代码中,您可以挂钩按钮单击:
$("#theButton").click(handleButtonClick);
您可以让该按钮向服务器发送请求。如果请求是幂等的(您总是返回相同的数据),则发送 GET;否则,您发送一个 POST:
function handleButtonClick() {
$.ajax({
url: "/path/to/server/resource",
type: "GET",
data: {articleId: 27},
success: function(data) {
/* ...use the data to fill in some HTML elements... */
},
error: function() {
/* ...show an error... */
}
});
}
在服务器上,页面位于/path/to/server/resource
将执行必要的工作来验证请求是否应得到满足,连接到数据库,查询(或更新)信息,并格式化响应以发送回客户端。
显然上面的内容是非常非常的very简要说明了您如何做到这一点,但希望它奠定了基础,并让您了解下一步要研究什么。