jQuery动态加载页面和请求所返回的数据
2009-05-23 15:19
639 查看
Default.aspx页面
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script src="jquery-1.3.2.mini.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
function loadData()
{
//加载a.html到层
$("#divData").load("a.html");
//加载从data.ashx返回的数据到层
//$.get("data.ashx", function(data){$("#divData").html(data);});
//alert返回的数据
//$.get("data.ashx", function(data){alert("Data Loaded: " + data);});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="javascript:void(0);" onclick="loadData();">请求加载</a>
<span id="divData"></span>
</div>
</form>
</body>
</html>
data.ashx
<%@ WebHandler Language="C#" Class="data" %>
using System;
using System.Web;
public class data : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
context.Response.Write("Hello World");
}
public bool IsReusable {
get {
return false;
}
}
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script src="jquery-1.3.2.mini.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
function loadData()
{
//加载a.html到层
$("#divData").load("a.html");
//加载从data.ashx返回的数据到层
//$.get("data.ashx", function(data){$("#divData").html(data);});
//alert返回的数据
//$.get("data.ashx", function(data){alert("Data Loaded: " + data);});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="javascript:void(0);" onclick="loadData();">请求加载</a>
<span id="divData"></span>
</div>
</form>
</body>
</html>
data.ashx
<%@ WebHandler Language="C#" Class="data" %>
using System;
using System.Web;
public class data : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
context.Response.Write("Hello World");
}
public bool IsReusable {
get {
return false;
}
}
}
相关文章推荐
- jQuery动态加载页面和请求所返回的数据
- 利用JQuery的load函数动态加载页面 以及jQuery动态加载页面和请求所返回的数据
- js/jquery控制页面动态加载数据 滑动滚动条自动加载事件--转他人的
- extjs.4.1,4.2,结合 jquery 遮罩层,ajax 请求时 数据遮罩,动态加载 contral
- jQuery 中的 Ajax 全局事件 当用户点击页面上某一按钮请求数据时,在页面上显示 loading... ,页面加载完成后隐藏
- Jquery页面滚动动态加载数据,页面下拉自动加载内容
- 通过Ajax请求后台数据,返回JSONArray(JsonObject),页面(Jquery)以table的形式展示
- 页面滚动动态加载数据,页面下拉自动加载内容 (jquery)
- 使用easyUI的treegrid的时候,出现后台返回数据为空时,treegrid加载了前面请求到的数据到页面上的问题
- jquery+ajax每秒向后台发送请求数据然后返回页面的代码
- jquery+ajax每秒向后台发送请求数据然后返回页面的代码
- jquery通过struts2请求,返回json数据,在jsp页面形成二级联动下拉列表
- jquery easyui tree动态加载-服务端struts返回json数据
- jqury+ajax每秒向后台发送请求数据然后返回页面(包括jqruy页面加载完毕才执行方法)
- jquery+ajax每秒向后台发送请求数据然后返回页面的代码
- 页面滚动动态加载数据,页面下拉自动加载内容 jquery
- [JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件
- [JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件
- js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理