使用AJAX和JQuery以设置的间隔自动刷新页面
Automatically refreshing a page at set interval using AJAX and JQuery
我尝试每隔5秒刷新一个页面,该页面应该会使用SQL Server的最新数据更新视图。下面是代码。
@model Test.Data.Domain.ManufacturingCdMachine
@{
ViewBag.Title = "Rimage Details";
ViewBag.JobId = Model.CurrentManufacturingJobId;
}
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top" id="navbar">
<div class="container">
<div class="navbar-header">
</div>
</div>
</div>
<div id="CdMachineDetails">
@if (@Model.CurrentManufacturingJobId != null)
{
<div>
@{Html.RenderPartial("_CdMachineJob");}
</div>
}
else
{
<div>
@{Html.RenderPartial("_MachineInIdle");}
</div>
}
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
</body>
</html>
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(
function() {
setInterval(function() {
var randomnumber = Math.floor(Math.random() * 100);
$.ajax({
type: "GET",
url: "/Mobile/CdMachine/Details/" + @Model.ManufacturingCdMachineId,
data: {
},
success: function (result) {
//Sets your content into your div
$('#CdMachineDetails').html(result);
}
});
}, 5000);
});
</script>
我的网页的URL是http://localhost:28886/Mobile/CdMachine/Details/1
然而,这个页面似乎并不令人耳目一新。我做错了什么?
-Alan-
- 你的JS中有语法错误。我认为您的JS代码末尾缺少括号
- Ajax不刷新页面——您只需要获得内容,当然您可以将这些内容放在DOM上,也可以根据需要对其进行操作
- 指向本地主机服务器的URL当然不起作用,必须公开
相关文章:
- 如何通过ajax刷新JSF填充的javascript变量
- ASP.NET MVC 3-在ajax调用后,重定向到新页面或生成页面刷新
- 如何使用AJAX刷新表
- 如果不刷新Rails中的浏览器,AJAX请求就无法看到效果
- Spring MVC Ajax请求刷新动态表
- 使用Ajax刷新页面属性
- jquery-ajax-setinterval只自动刷新部分脚本
- ajax html javascript页面刷新无闪烁问题
- 页面刷新后重新加载 ajax 检索到的数据
- 为什么 ajax 没有部分刷新我的页面
- JQuery AJAX - 如何使用方法 GET 调用刷新/重新加载页面
- j查询如何在加载了 load() 函数的页面上进行 POST/AJAX,而无需刷新页面
- 自动刷新 ajax 内容
- 刷新 AJAX 内容时保持 jquery 动画
- 单击按钮时刷新 Ajax 加载的页面
- 隐藏Iframe刷新Ajax选项
- 如何返回mysql数据到网页不刷新(ajax/jquery/php/mysql)
- 使用模板器刷新Ajax块
- 如何始终刷新ajax加载的文件,避免缓存文件
- 我的完成按钮不知何故进入了空白页,除非我刷新 -ajax,否则删除将不起作用