如何通过JavaScript第一次加载页面时取到数据库中数据

如何通过JavaScript第一次加载页面时取到数据库中数据,第1张

JavaScript是没办法和数据库进行交互的,正常都是在服务器端已经把数据处理好之后,将生成静态的HTML代码发送给客户端,除非用异步交互,使用Ajax将发送一个异步的请求到服务器,然后由服务器去连接数据库,再将数据传回。

或者如果是想在第一次加载页面的时候用JavaScript取到数据,直接将数据库取出的数据直接存入到html页面里面的一个隐藏的标签内,然后再用JavaScript里面取DOM的API去取得数据。 当然这只是一个小技巧。。。

从技术上而言,JavaScript是可以直接访问mysql数据库的,但浏览器出于安全考虑(因为这样一来数据库的登录信息就完全暴露在所有用户的眼里了,别人就可以绕开你的程序直接访问数据库,甚至可以任意增删改你的数据),都对这个功能进行了非常严格的限制(也就是说其实还是可以访问的,但必须把浏览器的安全等级调到最低最低!),所以这种需求在实际应用中很难实现。

这样就需要一个中间程序,放在网络服务器中,html(含JavaScript)向这个中间程序发送请求,由它去mysql数据库中获取数据,再把数据发送回html。这类似于点外卖,你在网络上点餐,跑腿小哥就会把你点的食物送到你手上。对于浏览器而言,发送请求和返回数据的过程都是安全的(对数据库的所有 *** 作都发生在网络服务器中,网页用户是看不到的),这样就没有限制了。

这个中间程序的开发语言(或者说架构)一般是PHP、ASP、ASPNET、JSP等,也就是通常所说的“后台程序”。

jQuery则是JavaScript的一个框架(或者说插件、函数库),它是把JavaScript的一些复杂的 *** 作封装成简单的、容易 *** 作的函数和对象,所以jQuery本质上还是JavaScript。如果把JavaScript比作普通的面条,那么jQuery就好比是方便面,它帮你把做面的一些关键步骤先做好了,然后你只需要几个简单的 *** 作就可以吃到嘴里了。

ajax则是JavaScript(含jQuery)向服务器的中间程序(即上面所说的)发送请求并处理返回数据的一种技术,可以实现网页未刷新的情况下实时动态更新网页上的数据。它实际上也仍然是包含在JavaScript范畴内的。

xml是网络间数据传输的一种数据格式,但现在更流行的则是json。

所以实际的网络数据访问流程是:

html+JavaScript(jquery)

↓↑

PHP(ASP、ASPNET、JSP)

↓↑

MySql

在这其中JavaScript的作用反而是次要的,它只是起到在数据访问的前后对数据进行加工、筛选的作用,甚至可以完全抛开js,直接利用表单提交来实现数据访问和展示的目的,即:

html+Form

↓↑

PHP(ASP、ASPNET、JSP)

↓↑

MySql

首先 JS里打开数据库是不可能的 只能说通过JS来请求数据 这就涉及到AJAX 即异步调用 你可以去看一下这方面的东西 如果你会JQ 那更简单了 总得来说 一个AJAX请求 一个后台处理 然后返回请求 再把数据绑定到你要绑定的地方 还有<%%>这个不是JS的 照你的代码 这个是VBscript 它与在页面下面 但不代表他是客户端语言 只是他没有把代码跟页面分开存放而已<SCRIPT type=text/javascript>

<%

conn = new ActiveXObject("ADODBConnection");

connOpen("provider=MicrosoftJetOLEDB40;data source=" + >

楼主这段代码明显是运行在客户端的,但是你想在客户端用JavaScript直接访问服务器的数据库,虽然可以实现,但是你网站的安全性就毫无保障了,等于数据库暴露在所有人眼下,所以,最好是客户端JavaScript发请求,服务器接受请求然后查找数据库再返回给客户端,最后由客户端JavaScript显示。

实现起来也不难,但是代码一长串,还分客户端服务器端,所以建议楼主先去了解下异步传输(Ajax的核心技术,其实也是JavaScript)的相关知识。

ps:如果楼主仅仅是一个留言这么少的请求,那么大可不必借助第三方的比如JQuery等的框架,自己用xml>

以上就是关于如何通过JavaScript第一次加载页面时取到数据库中数据全部的内容,包括:如何通过JavaScript第一次加载页面时取到数据库中数据、JavaScript获取mysql数据库里面的数据需要哪些技术的支持、在ASP.NET中如何用JS读取数据库的字段等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9430084.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存