如何将int数据从数据库检索到javascript中的变量？答案

【问题标题】：How to retrive int data from database to a variable in javascript?如何将int数据从数据库检索到javascript中的变量？
【发布时间】：2017-06-19 02:20:47
【问题描述】：

我在 asp.net 页面中有一个代码用于我的进度条我有一个后端代码来检索百分比我的问题是如何将该 int 值检索到我的 java 脚本这是进度条的代码

<div class="w3-wow1" style="font-size:x-large">Total Potential</div>

         <div class="w3-padding-32"></div>
          <span class="w3-wow2" style="font-size:x-large">Potential Till Date :</span>
     <button class="w3-btn w3-white w3-round-xlarge" onclick="move1()">Click Here</button> 
        <div class="w3-padding-8"></div>
     <div class="w3-progress-container  w3-round-xlarge" style="height:40px">
     <div id="myBar1" class="w3-progressbar w3-round-xlarge w3-green " style="width:0%">
     <div id="per1" class="w3-center w3-text-white" style="margin-top:10px">0%</div></div>            
     </div>

这个的javascript代码是

 <script>
     function move1() {
         var elem = document.getElementById("myBar1");

       //var per= int data from database

         var width = 1;
         var id = setInterval(frame, 10);
         function frame() {
             if (width >= 80) { // here in the place of 80 i want to use 'per' variable to assign the progress bar
                 clearInterval(id);
             } else {
                 width++;
                 elem.style.width = width + '%';
                 document.getElementById("per1").innerHTML = width * 1 + '%';
             }
         }
     }</script>

这个的后端代码是

    protected void potent()
    {
        string query = "select ( sum(oppfp /100000)* 100.0)AS percentage from opprt";

        using (SqlConnection con = new SqlConnection("Data Source=PO-PC\\SQLEXPRESS;Initial Catalog=leadsp;User ID=sa;Password=123;"))
        {
            using (SqlCommand cmd = new SqlCommand(query))
            {
                cmd.CommandType = CommandType.Text;

                cmd.Connection = con;
                con.Open();
                using (SqlDataReader sdr = cmd.ExecuteReader())
                {
                    while (sdr.Read())
                    {
                        ListItem item = new ListItem();
                        string per = sdr["percentage"].ToString();
                        int percentage = Convert.ToInt32(per);

                    }
                }
                con.Close();
            }
        }
    }

如何以 int 的形式检索这些数据并将其传递给 java 脚本中的 per 变量

【问题讨论】：

通过 javascript 或 jquery 创建一个 ajax 调用，让你的后端 db 代码返回 int 就可以了。
如何在不使用点击功能的情况下加载

标签： javascript c# asp.net sql-server

【解决方案1】：

正如 Khalid 所说，您可以使用对服务器的 ajax 调用来检索更新值。只要您需要，您可以使用计时器每秒调用该站点。

一个简单的例子可以是：

var myTimer = setTimeout(function(){ 
  $.ajax(siteUrl, {
    success: function(data) {
       // do your thing with the downloaded data
    },
    error: function(xhr,status,error) {
       alert(error)
    }
  });
, 1000);

完成后，您可以通过以下方式停止计时器：

clearTimeout(myTimer);

【讨论】：