动态调用数据的AJAX+JQuery方法

简介:
aspx页面:
 $(document).ready(function(){
            setInterval("GetData()",100);
});
function GetData()
{
  $.getJSON("GetFromDB.aspx?usercode=6&telnum=13003930624",function(json){ 
        $.grep(json,function(temp){
            $("#dvUser").empty();
              $("#dvUser").append("<div title='"+temp.state+"'>"+temp.info+"</div>"); 
        });                
   });
 }
GetFromDB.aspx页面:
protected void Page_Load(object sender, EventArgs e)
    {
        Response.Expires = -1000;
        DataTable dt=从数据库获取的数据;
        if (dt == null)
        {
            Response.End();//不要忘记这个,不然输出一大串html代码
            return;
        }
        string json = "";
        Response.Write("[");
        for (int i = 0; i < dt.Rows.Count; i++)
        {
            json += (json.Length > 0 ? "," : "") +"{info:'" + dt.Rows[i]["StateInfo"].ToString() + "',state:'" + dt.Rows[i]["iState"].ToString() + "'}";
        }
        Response.Write(json + "]");
        Response.End();
    }


本文转自 韬光星夜 51CTO博客,原文链接:http://blog.51cto.com/xfqxj/477084,如需转载请自行联系原作者
相关文章
|
5天前
|
XML 前端开发 JavaScript
PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言,处理数据和业务逻辑
本文深入探讨了PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言,处理数据和业务逻辑;Ajax则通过异步请求实现页面无刷新更新。文中详细介绍了两者的工作原理、数据传输格式选择、具体实现方法及实际应用案例,如实时数据更新、表单验证与提交、动态加载内容等。同时,针对跨域问题、数据安全与性能优化提出了建议。总结指出,PHP与Ajax的结合能显著提升Web应用的效率和用户体验。
18 3
|
1月前
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
94 1
|
1月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
19 1
|
1月前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
49 6
|
2月前
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
30 2
|
2月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
32 1
|
1月前
|
存储 JSON JavaScript
jQuery 方法大全
jQuery 方法大全
12 0
|
1月前
|
Web App开发 前端开发 JavaScript
Python编程—Ajax数据爬取(一)
Python编程—Ajax数据爬取(一)
|
1月前
|
前端开发 NoSQL MongoDB
Python编程—Ajax数据爬取(二)
Python编程—Ajax数据爬取(二)
|
2月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
22 1