Jquery announcement scrolling AJAX background gets data_jquery

aspx

Copy code The code is as follows:

The setInterval() method will continue to call the function until clearInterval() is called or the window is closed. The ID value returned by setInterval() can be used as an argument to the clearInterval() method.
//Use the myar variable to control the corresponding number during output. Then execute the calling function with that number. In this way, there will be no feeling that the scrolling effect is stuck when replacing data. The visual effect is good.
//Although this may not start displaying from the first latest updated announcement, there are advantages and disadvantages.
myar1 = setInterval('AutoScroll("#scrollDiv1")', 2000)
$("#scrollDiv1").hover(function() { clearInterval(myar1); }, function() { myar1 = setInterval ('AutoScroll("#scrollDiv1")', 2000) }); //When the mouse is put up, the scrolling stops, and when the mouse leaves, the scrolling starts
//The HOVER method is used to make the scrolling happen when the mouse stops. of a certain piece of data. Response to stop scrolling action. You can click to go to the hyperlink.
//The function in the background: If the mouse is moved again, scrolling starts from the variable number just now.
}
});
}
//Timer control. Execute content updates for a container every 5 minutes
$(function() {
$("#ul1").everyTime(300000, function(i) {//Execute once every 5 minutes
Notice();
});
});
//Pay attention to the loading order. You have to wait until all the data is loaded first. That is, it can be called only after AJAX is filled in. Then window.onload or ONLOAD in BODY can be used
//But there is a difference between $(document).ready and onload. $(document).ready is executed after the DOM framework is loaded. We have to wait for AJAX. So it cannot be used here.
//This is $( document).ready is a relatively stable way of writing.
//jQuery.noConflict(); jQuery(document).ready(function(){}) ;

//But someone said
//$(document).ready(function(){
// alert("hello");
/ /});(1)
// (2)
// The above two pieces of code are equivalent. But the advantage of code 1 is to separate performance and logic. And the same operation can be done in different js files, that is, $(document).ready (fn) can appear repeatedly in a page without //conflict. Basically, many plugins of Jquery take advantage of this feature. Because of this feature, multiple plugins are used together.
//window.onload = function() { Notice(); }
function Notice2(){//定时器 热门促销
var pdata ="nameparam="+document.getElementById("nameparam").value+"¶m=2";
$.ajax({
url: "Util/MainUtil.aspx", //后台处理类
type: "POST",
data: pdata,
dataType: "html",
timeout: 10000,
error: function(data) { },
success: function(data) {
$("#scrollDiv2").stop(true);
$("#scrollDiv2>#ul2").innerHTML="";
//在容器中输出数据
$("#scrollDiv2>#ul2").html(data);
myar2 = setInterval('AutoScroll("#scrollDiv2")', 2000)
$("#scrollDiv2").hover(function() { clearInterval(myar2); }, function() { myar2 = setInterval('AutoScroll("#scrollDiv2")', 2000) }); //当鼠标放上去的时候，滚动停止，鼠标离开的时候滚动开始
}
});
}
$(function() {
$("#ul2").everyTime(300000, function(i) {//每5分钟执行一次
Notice2();
});
});
function AutoScroll(obj) {
$(obj).find("ul:first").animate({
marginTop: "-25px"
}, 500, function() {
$(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
});
}





border="0">

公告：

后台Util/MainUtil.aspx.cs输出对应的 HTML 的数据
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
namespace Web.Util
{
public partial class MainUtil : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
try
{
int k = int.Parse(Request["param"].ToString());
switch (k)
{
case 1:
toOne();
break;
case 2:
toTwo();
break;
default:
break;
}
}
catch { }
}
private void toOne()
{
try
{
string st = String.Empty;
string companyName = Request["nameparam"].ToString();
DataTable dt1 = DBUtility.DbHelperSQL.Query("select top(5) Title,Id from 公告表 where TypeId='2' And Creater='" companyName "'order by CreatTime desc").Tables[0];
for (int i = 0; i {
//把公告做成超链接
st = "

" dt1.Rows[i]["Title"].ToString() "

";
}
showHtml(st);
}
catch { }
}
private void toTwo()
{
try
{
string st = String.Empty;
string companyName= Request["nameparam"].ToString();
DataTable dt2= DBUtility.DbHelperSQL.Query("select top(5) Title,Id from 公告表 where Id IN (select top 10 Id from 公告表 where TypeId='2' And Creater='" companyName "'order by CreatTime desc) order by CreatTime asc").Tables[0];
//把公告做成超链接
for (int i = 0; i {
st = "

" dt2.Rows[i]["Title"].ToString() "

";
}
showHtml(st);
}
catch { }
}
private void showHtml(string st){
Response.ContentType = "text/html";//text/html，和application/json 都是输出格式
Response.Write(st);
Response.Flush();
Response.Close();
}
}
}