Question

我在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 变量

Answer 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);

如何在javascript中将数据从数据库中检索到变量？

1 个答案: