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 相关文章推荐
ExtJS GridPanel 根据条件改变字体颜色
Mar 08 Javascript
jquery.artwl.thickbox.js  一个非常简单好用的jQuery弹出层插件
Mar 01 Javascript
JavaScript函数节流概念与用法实例详解
Jun 20 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
Aug 06 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
Aug 12 Javascript
AngularJS指令用法详解
Nov 02 Javascript
jquery dialog获取焦点的方法
Feb 09 Javascript
解决URL地址中的中文乱码问题的办法
Feb 10 Javascript
在react中使用vuex的示例代码
Jul 30 Javascript
element-ui 实现响应式导航栏的示例代码
May 08 Javascript
JavaScript闭包原理与用法学习笔记
May 29 Javascript
在Vue中使用Echarts可视化库的完整步骤记录
Nov 18 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
PHP中数字检测is_numeric与ctype_digit的区别介绍
2012/10/04 PHP
php截取字符串并保留完整xml标签的函数代码
2013/02/06 PHP
php导入大量数据到mysql性能优化技巧
2014/12/29 PHP
php使用递归函数实现数字累加的方法
2015/03/16 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
thinkphp5.1框架中容器(Container)和门面(Facade)的实现方法分析
2019/08/05 PHP
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
2010/01/12 Javascript
IE与FireFox的JavaScript兼容问题解决办法
2013/12/31 Javascript
js获取select默认选中的Option并不是当前选中值
2014/05/07 Javascript
jQuery 获取兄弟元素的几种不错方法
2014/05/23 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
bootstrap组件之导航组件使用方法
2017/01/19 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
2017/02/08 Javascript
JS验证码实现代码
2017/09/14 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
2019/03/28 Javascript
原生js实现抽奖小游戏
2019/06/27 Javascript
vue-drag-chart 拖动/缩放图表组件的实例代码
2020/04/10 Javascript
微信小程序实现滑动操作代码
2020/04/23 Javascript
如何构建 vue-ssr 项目的方法步骤
2020/08/04 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
2020/09/16 Javascript
[01:17]炒鸡美酒第四天TA暴走
2018/06/05 DOTA
多线程爬虫批量下载pcgame图片url 保存为xml的实现代码
2013/01/17 Python
用python写的一个wordpress的采集程序
2016/02/27 Python
django 通过ajax完成邮箱用户注册、激活账号的方法
2018/04/17 Python
python实现Dijkstra算法的最短路径问题
2019/06/21 Python
python异常处理和日志处理方式
2019/12/24 Python
Python基于mediainfo批量重命名图片文件
2020/12/29 Python
使用html2canvas实现浏览器截图的示例代码
2018/01/26 HTML / CSS
Audible英国:有声读物,30天免费试用
2019/10/16 全球购物
领导失职检讨书
2014/02/24 职场文书
小学教师评语大全
2014/04/23 职场文书
乡镇挂职心得体会
2014/09/04 职场文书
感恩教师节主题班会
2015/08/12 职场文书
SQLServer2019 数据库的基本使用之图形化界面操作的实现
2021/04/08 SQL Server
Mysql官方性能测试工具mysqlslap的使用简介
2021/05/21 MySQL
java设计模式--建造者模式详解
2021/07/21 Java/Android