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 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
基于jQuery架构javascript基础体系
Jan 01 Javascript
js模仿html5 placeholder适应于不支持的浏览器
Jan 13 Javascript
jquery 删除cookie失效的解决方法
Nov 12 Javascript
Javascript改变CSS样式(局部和全局)
Dec 18 Javascript
angular.foreach 循环方法使用指南
Jan 06 Javascript
JavaScript 学习笔记之操作符(续)
Jan 14 Javascript
sublime text配置node.js调试(图文教程)
Nov 23 Javascript
老生常谈JS中的继承及实现代码
Jul 06 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
React中的Context应用场景分析
Jun 11 Javascript
JavaScript实现简单拖拽效果
Sep 15 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
3
2006/10/09 PHP
php递归列出所有文件和目录的代码
2008/09/10 PHP
php读取文件内容到数组的方法
2015/03/16 PHP
轻松实现php文件上传功能
2017/02/17 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
jquery插件jbox使用iframe关闭问题
2009/02/09 Javascript
JS不间断向上滚动效果代码
2013/12/25 Javascript
js获取当前地址 JS获取当前URL的示例代码
2014/02/26 Javascript
基于jQuery实现复选框的全选 全不选 反选功能
2014/11/24 Javascript
javascript实现自动输出文本(打字特效)
2015/08/27 Javascript
动态的9*9乘法表效果的实现代码
2016/05/16 Javascript
javascript如何创建对象
2016/08/29 Javascript
Bootstrap Table从服务器加载数据进行显示的实现方法
2016/09/29 Javascript
js实现开启密码大写提示
2016/12/21 Javascript
几行js代码实现自适应
2017/02/24 Javascript
js+canvas实现简单扫雷小游戏
2021/01/22 Javascript
解决VUEX的mapState/...mapState等取值问题
2020/07/24 Javascript
javascript实现数字时钟效果
2021/02/06 Javascript
[32:17]完美世界DOTA2联赛循环赛LBZS vs Forest第二场 10月30日
2020/10/31 DOTA
Python脚本获取操作系统版本信息
2016/12/17 Python
Python中字符串格式化str.format的详细介绍
2017/02/17 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
python按键按住不放持续响应的实例代码
2019/07/17 Python
弄懂这56个Python使用技巧(轻松掌握Python高效开发)
2019/09/18 Python
Python二元算术运算常用方法解析
2020/09/15 Python
python常量折叠基础知识点讲解
2021/02/28 Python
HTML5 Canvas 旋转风车绘制
2017/08/18 HTML / CSS
中学教师岗位职责
2013/11/26 职场文书
小学教师管理制度
2014/01/18 职场文书
优秀中学生事迹材料
2014/01/31 职场文书
毕业生自荐信范文
2015/03/05 职场文书
信用卡工资证明范本
2015/06/19 职场文书
校园歌手大赛主持词
2015/07/03 职场文书
2016年幼儿园教师政治学习心得体会
2016/01/23 职场文书
动画《新网球王子 U-17 WORLD CUP》希腊队PV公开
2022/04/02 日漫
如何用H5实现好玩的2048小游戏
2022/07/23 HTML / CSS