【Ajax】asp.net 2.0中利用Ajax2.0实现JSON传送大量页面数据-JSON

欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【asp.net 2.0中利用Ajax2.0实现JSON传送大量页面数据】，下面是详细的讲解！

asp.net 2.0中利用Ajax2.0实现JSON传送大量页面数据

<script type="text/javascript">
// 删除表格中的一项
function dataDel(id){
// 利用ajax使用C#的正则去掉json中的一项
var objId;
objId="<%=this.TextBox1.ClientID %>";
jQuery("#"+objId).val(id);
objId="<%=this.Button2.ClientID %>";
jQuery("#"+objId).click();
// 删除表格中的tr一行
jQuery("#pct-"+id).hide();
}
var pageTableIdGlobe;
// 添加表中的一项
function dateAdd(pageTableId){
// 备份到全局变量中
pageTableIdGlobe=pageTableId;
// 获取要查询的id
var objId;
var id;
objId="<%=this.TextBox1.ClientID %>";
id=jQuery("#"+objId).val();
// 判断序列化中是否有此ID
objId="<%=this.TextBox2.ClientID %>";
var json=jQuery("#"+objId).val();
if(json.indexOf(id)==-1){
// 利用ajax进入后台查找数据库
PageMethods.AddPageContallorItem(id, RedirectSearchResult);
}else{
alert("已存在列表中");
return;
}
}
// 将要添加的数据，ajax的回调处理方法
function RedirectSearchResult(result){
var html;
// alert(result);
if (result=="error"){
alert("数据读取出错");
}else{
// 生成新的表格中的一行HTML
html=CreatePageHtml(result);
// 在页面显示HTML
jQuery("#"+pageTableIdGlobe).before(html);
// 更新json,以备写入数据库
var objId="<%=this.TextBox2.ClientID %>";
FlashJson(objId, result);
}
}
// 生成新的一行表格HTML
function CreatePageHtml(result){
var html;
var data=eval("("+result+")");// 转换为json对象
html="<tr class=\"dottedBg\" id='pct-{id}'><td align=\"center\">{a1}</td><td align=\"center\">{a2}</td><td align=\"center\"><a href=\"javascript:dataDel('{id}')\">{id} - 删除</a></td></tr>";
jQuery.each(data, function(i,item){
jQuery.each(item, function(j,itemchild){
if(j==0)
html=html.replace(/{id}/g, itemchild);
if(j==1)
html=html.replace(/{a1}/g, itemchild);
if(j==2)
html=html.replace(/{a2}/g, itemchild);
});
});
return html;
}
// 将result写入json中，objId是保存json的控件ID
function FlashJson(objId, result){
var obj=jQuery("#"+objId);
var oldjson=obj.val();
var newjson;
result=result.replace("{", "");
if(oldjson=="{}"){
newjson=oldjson.replace("}", result);
}else{
newjson=oldjson.replace("}", ","+result);
}
obj.val(newjson);
}
</script>

关于asp.net 2.0中利用Ajax2.0实现JSON传送大量页面数据的用户互动如下：

　　相关问题：.net2.0 用Jquery 的ajax 调用 WebServices 但返回...

　　答：后台定义这个json不对，string json = "{\"d\":\"aaaa\"}"; >>详细

　　相关问题：asp.net javascript AJAX中，url指向的页面怎么回...

　　答：把你序列化好的josn输入用以下的方式返回 this.Response.Write(data.ToJson()); this.Response.End(); >>详细

　　相关问题：在asp.net中使用Ajax +jquery 调用sql数据传到网页...

　　答：如果你会这基本的概念和语法我就不一一解释了 谢了例子给你，一般有两种情况，一个是JSON 还有一个就是普通的字符串 我就用字符串。基本原理就是，异步申请一个页面table1.aspx或者table.ashx $.ajax({ type: "post", url: "tabel1.aspx", dataT... >>详细