Jquery Ajax请求代码(2)


Posted in Javascript onJanuary 07, 2011

添加引用Dll文件就可以使用了,很方便的。 /201101/tools/Newtonsoft.Json.Net20.rar
在jquery库中,getJSON其实是调用的:Query.get(url, data, callback, "json")
其中参数也是以k/v对格式发出。请求返回的可以看到:在服务端以Customer列表集合返回
现在来看一下事列:
件一个Common类

public class Customer 
{ 
public int Unid { get; set; } 
public string CustomerName { get; set; } 
public string Memo { get; set; } 
public string Other { get; set; } 
}

在一般处理文件(ashx)中写一个如下方法
Customer customer = new Customer 
{ Unid=1,CustomerName="宋江",Memo="天魁星",Other="黑三郎"}; 
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer); 
context.Response.Write(strJson); 
}

在前台Jquery中加载调用ashx代码
通过getJSON向ashx请求数据。返回的数据为JSON对象
$().ready(function() { 
$.getJSON("JqueryData2.ashx", function(data) { 
alert(data.Memo); 
}); 
$.getJSON("JqueryData2.ashx", function(data) { 
var tt = ""; 
$.each(data, function(k, v) { 
tt += k + ":" + v + "<br/>"; 
}) 
$("#disHows").html(tt); 
}); 
});

(二)ashx文件,但返回的是实体集合
Customer customer = new Customer 
{ Unid=1,CustomerName="宋江",Memo="天魁星",Other="黑三郎"}; 
Customer customer2 = new Customer 
{ Unid = 2, CustomerName = "吴用", Memo = "天机星", Other = "智多星" }; 
List<Customer> _list = new List<Customer>(); 
_list.Add(customer); 
_list.Add(customer2); 
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(_list); 
context.Response.Write(strJson); 
} 
function GetCustomerList() { 
$.getJSON( 
"JqueryData2.ashx", 
function(data) { 
var tt = ""; 
$.each(data, function(k, v) { 
$.each(v,function(kk, vv) { 
tt += kk + ":" + vv + "<br/>"; 
}); 
}); 
$("#divmessage").html(tt); 
}); 
} 
[code] 
(三)请求aspx文件中的CS 
[code] 
protected void Page_Load(object sender, EventArgs e) 
{ 
Customer customer = new Customer 
{ Unid = 1, CustomerName = "宋江", Memo = "天魁星", Other = "黑三郎" }; 
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer); 
Response.Write(strJson); 
}

·Aspx文件
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Json_1.aspx.cs"
Inherits="webdata_Json_1" %>
主意:前台文件只保留Page声明,其它全部删除
Jquery代码
function GetCustomer_Aspx() { 
$.getJSON( 
"webdata/Json_1.aspx", 
function(data) { 
var tt = ""; 
$.each(data, function(k, v) { 
tt += k + ":" + v + "<br/>"; 
}) 
$("#divmessage").html(tt); 
}); 
}

(四)请求文本文件
文本文件提供json字符串,由$.getJSON得到json对象
·文本文件
{Unid:1,CustomerName:"宋江",Memo:"天魁星",Other:"黑三郎"}
文本文件提供json串,对于json的组成格式,对于这一实体json,会被忽略空行与空格
function GetCustomer_txt() { 
$.getJSON( 
"webdata/Json_1.txt", 
function(data) { 
var tt = ""; 
$.each(data, function(k, v) { 
tt += k + ":" + v + "<br/>"; 
}) 
$("#divmessage").html(tt); 
}); 
}

解析的方法与ashx的解析相同
在Txt文件中对于多行的格式如下:
文本内容:
[
{Unid:1,CustomerName:"宋江",Memo:"天魁星",Other:"黑三郎"},
{Unid:2,CustomerName:"吴用",Memo:"天机星",Other:"智多星"}
]
function GetCustomer_TxtList() { 
$.getJSON( 
"webdata/Json_1.txt", 
function(data) { 
var tt = ""; 
$.each(data, function(k, v) { 
$.each(v, function(kk, vv) { 
tt += kk + ":" + vv + "<br/>"; 
}); 
}); 
$("#divmessage").html(tt); 
}); 
}

/201101/tools/Newtonsoft.Json.Net20.rar
Javascript 相关文章推荐
YUI 读码日记之 YAHOO.lang.is*
Mar 22 Javascript
jQuery each()小议
Mar 18 Javascript
只需一行代码,轻松实现一个在线编辑器
Nov 12 Javascript
DOM基础教程之事件类型
Jan 20 Javascript
js模仿java的Map集合详解
Jan 06 Javascript
深入浅析JavaScript中with语句的理解
May 12 Javascript
jQuery Easyui 验证两次密码输入是否相等
May 13 Javascript
Vue 父子组件的数据传递、修改和更新方法
Mar 01 Javascript
在vue2.0中引用element-ui组件库的方法
Jun 21 Javascript
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
Oct 12 Javascript
Openlayers实现地图的基本操作
Sep 28 Javascript
手写Vue源码之数据劫持示例详解
Jan 04 Vue.js
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 #Javascript
神奇的7个jQuery 3D插件整理
Jan 06 #Javascript
jquery下为Event handler传递动态参数的代码
Jan 06 #Javascript
Jquery下判断Id是否存在的代码
Jan 06 #Javascript
jquery关于图形报表的运用实现代码
Jan 06 #Javascript
基于Jquery的简单图片切换效果
Jan 06 #Javascript
基于jquery的分页控件(C#)
Jan 06 #Javascript
You might like
WINDOWS 2000下使用ISAPI方式安装PHP
2006/09/05 PHP
攻克CakePHP系列二 表单数据显示
2008/10/22 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
动态表格Table类的实现
2009/08/26 Javascript
jQuery客户端分页实例代码
2013/11/18 Javascript
jquery 通过name快速取值示例
2014/01/24 Javascript
jQuery实现模拟marquee标签效果
2015/07/14 Javascript
jQuery时间轴插件使用详解
2015/07/16 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
2015/08/04 Javascript
JS使用cookie实现只出现一次的广告代码效果
2017/04/22 Javascript
Angular简单验证功能示例
2017/12/22 Javascript
浅谈如何通过node.js对数据进行MD5加密
2018/05/16 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
2020/03/26 Javascript
Python  连接字符串(join %)
2008/09/06 Python
python通过smpt发送邮件的方法
2015/04/30 Python
python中list常用操作实例详解
2015/06/03 Python
python3中的md5加密实例
2018/05/29 Python
Python内置random模块生成随机数的方法
2019/05/31 Python
Pandas之MultiIndex对象的示例详解
2019/06/25 Python
Python高级特性 切片 迭代解析
2019/08/23 Python
Django 创建后台,配置sqlite3教程
2019/11/18 Python
解决keras加入lambda层时shape的问题
2020/06/11 Python
Scrapy实现模拟登录的示例代码
2021/02/21 Python
英国最受信任的在线眼镜商之一:Fashion Eyewear
2019/10/31 全球购物
Java面试题:说出如下代码的执行结果
2015/10/30 面试题
应届生新闻编辑求职信
2013/11/19 职场文书
党课培训主持词
2014/04/01 职场文书
不忘国耻振兴中华演讲稿
2014/05/14 职场文书
青春飞扬演讲稿
2014/09/11 职场文书
员工工作表现自我评价
2015/03/06 职场文书
圣诞晚会主持词
2015/07/01 职场文书
“5.12”护士节主持词
2015/07/04 职场文书
MySQL的安装与配置详细教程
2021/06/26 MySQL
CSS Transition通过改变Height实现展开收起元素
2021/08/07 HTML / CSS