asp.net多条件ajax查询
来源:互联网 发布:5800简单编程教学 编辑:程序博客网 时间:2024/05/22 10:52
这几天一直在想ajax无刷新查询,由于对ajax不是很熟悉,在网上找了很多资料,最后找到了标题为“Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例”,看了这个代码后终于做出来了,贴出部分代码做下记录。
aspx:
<div class="searchweb">
<div class="title">网站类型:</div>
<div class="searchs" id="wtypeval">
<span tag=''>所有</span>
<asp:Repeater ID="reWebType" runat="server">
<ItemTemplate>
<span tag='<%#Eval("listvalue") %>'><%#Eval("listdetail") %></span>
</ItemTemplate>
</asp:Repeater>
</div>
</div>
。。。。。
js:
$(function() {
var alink01 = $("#wtypeval").find("span");
alink01.click(function() {
alink01.each(function() {
$(this).removeClass("on");
});
$(this).addClass("on");
$("#e_wtype").val($(this).attr("tag"));
SetPara();
})
。。。。。。
});
function SetPara() {
var a = $("#e_wtype").val();
var b = $("#e_wcate").val();
var c = $("#e_wprov").val();
var d = $("#e_wlink").val();
var e = $("#e_wdraft").val();
//$("#getdlist").remove();
$.ajax({
type: "post",
dataType: "json",
url: "getweblist.ashx",
data: "wtype=" + a + "&wcate=" + b + "&wprov=" + c + "&wlink=" + d + "&wdraft=" + e + "",
success: function(msg) {
// alert(msg);
var str = "";
for (i in msg) {
str += "<tr><td><input type=\"checkbox\" name=\"cid\" value=\"" + msg[i].id + "\" /></td><td>" + msg[i].wtitle + "</td><td>" + msg[i].retail + "</td><td>" + msg[i].agent + "</td><td>" + msg[i].wlink + "</td><td>" + msg[i].draft + " %</td><td>" + msg[i].remark + "</td></tr>";
}
$("#getdlist")[0].innerHTML = str;
}
});
};
/*页面第一次加载时加载网站列表*/
$(function() {
SetPara();
})
ashx:
string wtype = context.Request.Form["wtype"];
string wcate = context.Request.Form["wcate"];
string wprov = context.Request.Form["wprov"];
string wlink = context.Request.Form["wlink"];
string wdraft = context.Request.Form["wdraft"];
DataSet ds = web.GetWebsByLink(wtype, wcate, wprov, wlink, wdraft);
int y = ds.Tables[0].Rows.Count;
StringBuilder sb = new StringBuilder();
sb.Append("[");
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
sb.Append("{");
sb.Append("\"id\":\"" + ds.Tables[0].Rows[i]["id"].ToString() + "\"");
sb.Append(",\"wtitle\":\"" + ds.Tables[0].Rows[i]["wtitle"].ToString() + "\"");
sb.Append(",\"retail\":\"" + ds.Tables[0].Rows[i]["retail"].ToString() + "\"");
sb.Append(",\"agent\":\"" + ds.Tables[0].Rows[i]["agent"].ToString() + "\"");
sb.Append(",\"wlink\":\"" + dlist.GetListDetail(ds.Tables[0].Rows[i]["wlink"].ToString(), "linktype") + "\"");
sb.Append(",\"draft\":\"" + ds.Tables[0].Rows[i]["draft"].ToString() + "\"");
sb.Append(",\"remark\":\"" + ds.Tables[0].Rows[i]["remark"].ToString() + "\"");
if (i == (ds.Tables[0].Rows.Count - 1))
{
sb.Append("}");
}
else
{
sb.Append("},");
}
}
sb.Append("]");
context.Response.ContentType = "text/plain";
context.Response.AddHeader("Content-Type", "text/html; charset=utf-8");
context.Response.Write(sb.ToString());
context.Response.End();
- asp.net多条件ajax查询
- asp.net 多条件查询
- asp.net中的多条件查询 hashtable
- Asp.net下多条件查询的办法
- asp.net mvc多条件+分页查询解决方案
- .net多条件查询
- 全自定义功能sql搜索查询datagridview 牛多条件查询的asp.net实现!
- asp.net多条件查询功能并统计查询到的数目
- ajax多条件查询动态分页
- ajax 多条件模糊查询分页
- asp.net(C#)中实现多个DropDownList及多个TextBox的多条件查询
- asp.net中javascript动态添加查询条件
- asp中的多条件组合查询实现
- ASP多条件查询后翻页问题
- lucene.net查询条件
- ASP.NET MVC+EF框架+EasyUI实现权限管理系列(20)-多条件模糊查询和回收站还原的实现
- 绑定access数据库,asp.net 中 以DropDownList为查询条件 ,前台实现数据查询
- ajax实现分页,多条件查询步骤(基于nodejs)
- 创业者复盘长文:心有菩提手有刀,欲成舍利却成妖
- java笔记心得2
- Android Dialog
- walkDemo
- 【个人机房重构】—— 将DataGridView中的数据导出到Excel表中㈣
- asp.net多条件ajax查询
- Java 7之集合类型 - Vector与Stack
- 正则表达式的使用(3)__常用的正则表达式(积累)2
- Java中HashSet详解
- Upgrade from 10.2.0.4 to 11.2.0.3.2 including Time Zone files
- Linux常用的60个命令
- html 实现文字左右滚动的方法
- Android查看当前显示哪个Activity
- 使用python3.0 编写C/S程序,初识wangpython的网络编程