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 相关文章推荐
JavaScript中的集合及效率
Jan 08 Javascript
JS对象转换为Jquery对象实现代码
Dec 29 Javascript
JS+Canvas绘制时钟效果
Aug 20 Javascript
bootstrap使用validate实现简单校验功能
Dec 02 Javascript
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
Aug 17 Javascript
深入解析ES6中的promise
Nov 08 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
微信小程序在线客服自动回复功能(基于node)
Jul 03 Javascript
node.js基于dgram数据报模块创建UDP服务器和客户端操作示例
Feb 12 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
Apr 26 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
Jun 08 Javascript
OpenLayer3自定义测量控件MeasureTool
Sep 28 Javascript
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实例分享之mysql数据备份
2014/05/19 PHP
php导入大量数据到mysql性能优化技巧
2014/12/29 PHP
php采用session实现防止页面重复刷新
2015/12/24 PHP
js控制input框只读实现示例
2014/01/20 Javascript
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
javascript去掉代码里面的注释
2015/07/24 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
2015/12/04 Javascript
jQuery基于ajax()使用serialize()提交form数据的方法
2015/12/08 Javascript
javascript Promise简单学习使用方法小结
2016/05/17 Javascript
express文件上传中间件Multer详解
2016/10/24 Javascript
通过原生JS实现为元素添加事件的方法
2016/11/23 Javascript
原生js实现瀑布流布局
2017/03/08 Javascript
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
2017/07/19 Javascript
利用纯js + transition动画实现移动端web轮播图详解
2017/09/10 Javascript
在微信小程序中保存网络图片
2019/02/12 Javascript
js实现简单的随机点名器
2020/09/17 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
2020/12/02 Vue.js
微信小程序之高德地图多点路线规划过程示例详解
2021/01/18 Javascript
python获取元素在数组中索引号的方法
2015/07/15 Python
django之常用命令详解
2016/06/30 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
python3如何将docx转换成pdf文件
2018/03/23 Python
python3 requests中使用ip代理池随机生成ip的实例
2018/05/07 Python
Django stark组件使用及原理详解
2019/08/22 Python
python:HDF和CSV存储优劣对比分析
2020/06/08 Python
python导入库的具体方法
2020/06/18 Python
Python中实现一行拆多行和多行并一行的示例代码
2020/09/06 Python
信息工程学院毕业生推荐信
2013/11/05 职场文书
日语专业毕业生求职信
2013/12/04 职场文书
二年级语文教学反思
2014/02/02 职场文书
狼和鹿教学反思
2014/02/05 职场文书
公司领导班子民主生活会对照检查材料
2014/10/02 职场文书
创业计划书之甜品店
2019/09/18 职场文书
Python 中数组和数字相乘时的注意事项说明
2021/05/10 Python
MySQL 逻辑备份与恢复测试的相关总结
2021/05/14 MySQL
利用Python判断你的密码难度等级
2021/06/02 Python