Javascript 使用里程表将变量传递给jquery_Javascript_Jquery_Asp.net_Asp.net Mvc_Asp.net Mvc 5

Javascript 使用里程表将变量传递给jquery

javascript jquery asp.net asp.net-mvc asp.net-mvc-5

Javascript 使用里程表将变量传递给jquery,javascript,jquery,asp.net,asp.net-mvc,asp.net-mvc-5,Javascript,Jquery,Asp.net,Asp.net Mvc,Asp.net Mvc 5,我想使用jquery里程表在母版页上显示信息 </head> <body> <script src="https://rawgit.com/HubSpot/odometer/v0.4.6/odometer.min.js"></script> <style src="https://rawgit.com/HubSpot/odometer/master/themes/odometer-theme-default.css"></sty

我想使用jquery里程表在母版页上显示信息

</head>
<body>

<script src="https://rawgit.com/HubSpot/odometer/v0.4.6/odometer.min.js"></script>
<style src="https://rawgit.com/HubSpot/odometer/master/themes/odometer-theme-default.css"></style>

<script>
  odometerOptions = { 
    auto: false 
};
</script>

<script type = "text/javascript">
  $(function(){
    var exampleOdometerValue = 123456;
    var exampleOdometer = new Odometer({ el: $('.odometer-example')[0], theme: 'digital', value: exampleOdometerValue });
    exampleOdometer.render()

    setTimeout(function(){
      exampleOdometerValue = exampleOdometerValue+100.07;
      exampleOdometer.update(exampleOdometerValue);
    }, 2000);

  });
</script>
<div class="odometer odometer-example">123</div>

</body></html>

为了做到这一点，我必须使用C#从SQL Server检索该值。然后我必须将它传递到html（）中的jscript里程表，如下所示。如果我得到了valuje-我如何将其发送到javascript

<script>
      setTimeout(function(){
        $('.odometer').html('123222');
      }, 1000);
    </script>

</head>
<body>

<script src="https://rawgit.com/HubSpot/odometer/v0.4.6/odometer.min.js"></script>
<style src="https://rawgit.com/HubSpot/odometer/master/themes/odometer-theme-default.css"></style>

<script>
  odometerOptions = { 
    auto: false 
};
</script>

<script type = "text/javascript">
  $(function(){
    var exampleOdometerValue = 123456;
    var exampleOdometer = new Odometer({ el: $('.odometer-example')[0], theme: 'digital', value: exampleOdometerValue });
    exampleOdometer.render()

    setTimeout(function(){
      exampleOdometerValue = exampleOdometerValue+100.07;
      exampleOdometer.update(exampleOdometerValue);
    }, 2000);

  });
</script>
<div class="odometer odometer-example">123</div>

</body></html>


setTimeout（函数（）{
$（'.odometer'）.html（'123222'）；
}, 1000);

您可以使用下面的实现将值从代码隐藏传递到Jquery

</head>
<body>

<script src="https://rawgit.com/HubSpot/odometer/v0.4.6/odometer.min.js"></script>
<style src="https://rawgit.com/HubSpot/odometer/master/themes/odometer-theme-default.css"></style>

<script>
  odometerOptions = { 
    auto: false 
};
</script>

<script type = "text/javascript">
  $(function(){
    var exampleOdometerValue = 123456;
    var exampleOdometer = new Odometer({ el: $('.odometer-example')[0], theme: 'digital', value: exampleOdometerValue });
    exampleOdometer.render()

    setTimeout(function(){
      exampleOdometerValue = exampleOdometerValue+100.07;
      exampleOdometer.update(exampleOdometerValue);
    }, 2000);

  });
</script>
<div class="odometer odometer-example">123</div>

</body></html>

这是如何做到这一点的一个例子

</head>
<body>

<script src="https://rawgit.com/HubSpot/odometer/v0.4.6/odometer.min.js"></script>
<style src="https://rawgit.com/HubSpot/odometer/master/themes/odometer-theme-default.css"></style>

<script>
  odometerOptions = { 
    auto: false 
};
</script>

<script type = "text/javascript">
  $(function(){
    var exampleOdometerValue = 123456;
    var exampleOdometer = new Odometer({ el: $('.odometer-example')[0], theme: 'digital', value: exampleOdometerValue });
    exampleOdometer.render()

    setTimeout(function(){
      exampleOdometerValue = exampleOdometerValue+100.07;
      exampleOdometer.update(exampleOdometerValue);
    }, 2000);

  });
</script>
<div class="odometer odometer-example">123</div>

</body></html>

首先在代码隐藏中声明一个公共变量

 public string odometervalue = "667";

</head>
<body>

<script src="https://rawgit.com/HubSpot/odometer/v0.4.6/odometer.min.js"></script>
<style src="https://rawgit.com/HubSpot/odometer/master/themes/odometer-theme-default.css"></style>

<script>
  odometerOptions = { 
    auto: false 
};
</script>

<script type = "text/javascript">
  $(function(){
    var exampleOdometerValue = 123456;
    var exampleOdometer = new Odometer({ el: $('.odometer-example')[0], theme: 'digital', value: exampleOdometerValue });
    exampleOdometer.render()

    setTimeout(function(){
      exampleOdometerValue = exampleOdometerValue+100.07;
      exampleOdometer.update(exampleOdometerValue);
    }, 2000);

  });
</script>
<div class="odometer odometer-example">123</div>

</body></html>

//在代码隐藏中声明公共变量

 public string odometervalue = "667";

</head>
<body>

<script src="https://rawgit.com/HubSpot/odometer/v0.4.6/odometer.min.js"></script>
<style src="https://rawgit.com/HubSpot/odometer/master/themes/odometer-theme-default.css"></style>

<script>
  odometerOptions = { 
    auto: false 
};
</script>

<script type = "text/javascript">
  $(function(){
    var exampleOdometerValue = 123456;
    var exampleOdometer = new Odometer({ el: $('.odometer-example')[0], theme: 'digital', value: exampleOdometerValue });
    exampleOdometer.render()

    setTimeout(function(){
      exampleOdometerValue = exampleOdometerValue+100.07;
      exampleOdometer.update(exampleOdometerValue);
    }, 2000);

  });
</script>
<div class="odometer odometer-example">123</div>

</body></html>

阅读Jquery中的值，如下所示

<script>
        $(function () {
            setTimeout(function () {
                //Get the value from serverside
                var uid = '<%=odometervalue  %>';
                odometer.innerHTML = uid;
            }, 1000);
        });

    </script>

</head>
<body>

<script src="https://rawgit.com/HubSpot/odometer/v0.4.6/odometer.min.js"></script>
<style src="https://rawgit.com/HubSpot/odometer/master/themes/odometer-theme-default.css"></style>

<script>
  odometerOptions = { 
    auto: false 
};
</script>

<script type = "text/javascript">
  $(function(){
    var exampleOdometerValue = 123456;
    var exampleOdometer = new Odometer({ el: $('.odometer-example')[0], theme: 'digital', value: exampleOdometerValue });
    exampleOdometer.render()

    setTimeout(function(){
      exampleOdometerValue = exampleOdometerValue+100.07;
      exampleOdometer.update(exampleOdometerValue);
    }, 2000);

  });
</script>
<div class="odometer odometer-example">123</div>

</body></html>


$（函数（）{
setTimeout（函数（）{
//从服务器端获取值
var uid=''；
里程表.innerHTML=uid；
}, 1000);
});

试试这个html

</head>
<body>

<script src="https://rawgit.com/HubSpot/odometer/v0.4.6/odometer.min.js"></script>
<style src="https://rawgit.com/HubSpot/odometer/master/themes/odometer-theme-default.css"></style>

<script>
  odometerOptions = { 
    auto: false 
};
</script>

<script type = "text/javascript">
  $(function(){
    var exampleOdometerValue = 123456;
    var exampleOdometer = new Odometer({ el: $('.odometer-example')[0], theme: 'digital', value: exampleOdometerValue });
    exampleOdometer.render()

    setTimeout(function(){
      exampleOdometerValue = exampleOdometerValue+100.07;
      exampleOdometer.update(exampleOdometerValue);
    }, 2000);

  });
</script>
<div class="odometer odometer-example">123</div>

</body></html>


里程计读数={
自动：错误
};
$（函数（）{
var exampleOdometerValue=123456；
var exampleOdometer=新里程表（{el:$（'.Odometer示例'）[0]，主题：“数字”，值：exampleOdometerValue}）；
exampleOdometer.render（）示例
setTimeout（函数（）{
exampleOdometerValue=exampleOdometerValue+100.07；
exampleOdometer.update（exampleOdometerValue）；
}, 2000);
});
123

ajax调用怎么样？