使用javascript连接数据库并检索值

我想连接到数据库，并在构建javascript条形图时使用javascript从数据库中检索值。下面是我的代码，如果有人可以看看，并帮助我

<?php
ini_set('display_errors',1); 
error_reporting(E_ALL);
$link = mysql_connect('localhost', 'root', 'root');
mysql_select_db('sarc', $link);
$result = mysql_query('SELECT 73');

$val = mysql_fetch_row($result);
$val = $val[0];

?>

<link rel="stylesheet" type="text/css" href="progressbar.css" />
<script type="text/javascript" src="progressbar.js"></script>
<style type="text/css">
.my_progress_bar {
border-width: 0px;
}

</style>

<div id="my_progress_bar_1"></div>

<script type="text/javascript">
var currentValue = [<?php echo $val; ?>];
var myProgressBar = null
var timerId = null
function loadProgressBar(){
myProgressBar = [
     new ProgressBar("my_progress_bar_1",{
         height: 400,
         width: 129,
         orientation: ProgressBar.Orientation.Vertical,
         direction: ProgressBar.Direction.BottomToTop,
         animationStyle: ProgressBar.AnimationStyle.StaticFull,
         showLabel: false,
         imageUrl: 'images/bottle-in.png',
         markerUrl: 'images/marker-bottle.png',
         extraClassName: {
             wrapper: 'my_progress_bar',
             left: 'my_progress_bar',
             right: 'my_progress_bar',
             middle: 'my_progress_bar',
             marker: 'my_progress_bar',
             parent: 'my_progress_bar',
             background: 'my_progress_bar'
         },
     })
 ];

 myProgressBar[0].setValue(currentValue);
}

loadProgressBar();
</script>

.我的进步吧{
边框宽度：0px；
}

var currentValue=[]；
var myProgressBar=null
var timerId=null
函数loadProgressBar（）{
myProgressBar=[
新进度条（“我的进度条1”{
身高：400，
宽度：129，
方向：ProgressBar.orientation.Vertical，
方向：ProgressBar.direction.BottomToTop，
animationStyle:ProgressBar.animationStyle.StaticFull，
showLabel:false，
imageUrl:'images/blackin.png'，
markerUrl:'images/marker瓶子.png'，
类外名称：{
包装器：“我的进度条”，
左：“我的进度条”，
右图：“我的进度条”，
中间：“我的进度条”，
马克：“我的进度条”，
家长：“我的进度条”，
背景：“我的进度条”
},
})
];
myProgressBar[0]。设置值（currentValue）；
}
loadProgressBar（）；

---

此代码在运行时显示空白页。如果您在web浏览器中执行此javascript，那么从数据库获取数据的最常见方法是通过服务器。这意味着您需要某种类型的动态服务器。在Java世界中，这将是一个Servlet容器，您很可能会在该Servlt容器上使用web应用程序框架来提供帮助。javasript将向服务器发出ajax调用，java代码将连接到数据库，然后从该数据（如json或xml）中准备一个适合ajax的响应

---

这有用吗？注意，您可能可以直接从javascript访问其他类型的db，但这是一种高级主题。我需要您提出更多要求，以了解是否需要更专业的案例

这个@Rajan没有简单的答案，尽管AJAX看起来很复杂，但它是你的朋友。您必须添加一个PHP页面，从db读取数据并将其作为JSON返回（不是一个包含所有HTML的大页面，只是一个JSON字符串，例如

{value:73}

），然后使用客户端JavaScript库（例如）访问该页面，使用ajax并将值传递给您的函数

$.ajax({
  url: 'yourserver/phppage.php',
  dataType: 'json',
  data: data,
  success: function(data) { example_10(data.value); }
});

这段代码不会像现在这样工作，但希望它能为您提供指导。您需要修改示例_10函数以接受参数。：）

---

我们无法为您编写整个程序。但我们当然可以在你陷入困境的时候提供帮助。因此，您必须开始自己的工作。

对于不熟悉AJAX和jQuery的人来说，这是一个相当大的飞跃。我建议你从这里开始：

AJAX教程：

jQuery教程：

在熟悉这两种情况后，您将需要以下内容：

文件1：ajax\u landing.php

// This file needs to search your database using PHP, and echo the results.
$data = mysql_fetch_assoc(mysql_query("SELECT myCol FROM myTable WHERE condition = value"));
echo json_encode($data);

// This should output something like...
{ myCol: 73 }

文件2：chart\u page.html（或.php）

$.getJSON（“ajax\u landing.php”，函数（响应）{
var值=响应['myCol']；
示例10（数值）；
});

当然，这只是表面现象，但有望为您指明正确的方向

---

请不要投反对票。他们没那么可怕……；）

您的服务器端技术是什么？PHP？ASP.NET？我的服务器端技术是php对于您的情况，我会说您不能使用JavaScript读取数据库，使用php读取，JavaScript应该访问php页面并获取值。添加Progressbar的代码。jsI以前没有使用java来读取数据库。我正在使用PHP构建动态站点感谢您的帮助。只是我是javascript新手，从未在javascript中调用过变量，因此，如果你能告诉我它与php选择函数相同，phppage.php是db connect文件，那么在这段代码之前是否有任何变量我必须声明，因为这段代码无法直接工作？你能为我提供更多帮助吗？我在函数上方输入了这些数据，但我不知道如何做。如果你可以帮助我plsi编辑了我刚才复制和粘贴的代码，并尝试了不同类型的东西，但它仍然不起作用，所以我只是在这里粘贴了函数，我应该在var数据中写什么[73]；我应该在这里使用哪个变量

<script>
$.getJSON("ajax_landing.php", function(response) {
    var value = response['myCol'];

    example_10(value);
});
</script>