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动态添加样式(行内式/嵌入式/外链式等规则)
Jun 24 Javascript
jQuery实现图片放大预览实现原理及代码
Sep 12 Javascript
js获取日期:昨天今天和明天、后天
Jun 11 Javascript
jQuery获取节点和子节点文本的方法
Jul 22 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
Nov 28 Javascript
jQuery关键词说明插件cluetip使用指南
Apr 21 Javascript
JavaScript检测鼠标移动方向的方法
May 22 Javascript
详解Node.js开发中的express-session
May 19 Javascript
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 jQuery
利用js实现前后台传送Json的示例代码
Mar 29 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
Nov 05 Javascript
vue登录页面cookie的使用及页面跳转代码
Jul 10 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 getcwd与dirname(__FILE__)区别详解
2016/09/24 PHP
详解php几行代码实现CSV格式文件输出
2017/07/01 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
判断脚本加载是否完成的方法
2009/05/26 Javascript
jQuery Tips 为AJAX回调函数传递额外参数的方法
2010/12/28 Javascript
Knockoutjs快速入门(经典)
2012/12/24 Javascript
js读取注册表的键值示例
2013/09/25 Javascript
javascript实现动态侧边栏代码
2014/02/19 Javascript
js如何调用qq互联api实现第三方登录
2014/03/28 Javascript
简单谈谈javascript中this的隐式绑定
2016/02/22 Javascript
AngularJS控制器之间的通信方式详解
2016/11/03 Javascript
JS设置时间无效问题的解决办法
2017/02/18 Javascript
详解用函数式编程对JavaScript进行断舍离
2017/09/18 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
2017/10/17 Javascript
jQuery+koa2实现简单的Ajax请求的示例
2018/03/06 jQuery
vue操作下拉选择器获取选择的数据的id方法
2018/08/24 Javascript
javascript实现京东登录显示隐藏密码
2020/08/02 Javascript
[46:20]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python利用多进程将大量数据放入有限内存的教程
2015/04/01 Python
Python中的fileinput模块的简单实用示例
2015/07/09 Python
将Django框架和遗留的Web应用集成的方法
2015/07/24 Python
influx+grafana自定义python采集数据和一些坑的总结
2018/09/17 Python
对python遍历文件夹中的所有jpg文件的实例详解
2018/12/08 Python
python实现两张图片的像素融合
2019/02/23 Python
django中url映射规则和服务端响应顺序的实现
2020/04/02 Python
使用CSS3 制作一个material-design 风格登录界面实例
2016/12/12 HTML / CSS
波兰运动鞋网上商店:e-Sporting
2018/02/16 全球购物
中国双语服务优势的在线购票及活动平台:247tickets
2018/10/26 全球购物
初二政治教学反思
2014/01/12 职场文书
岗位说明书范文
2014/05/07 职场文书
2014年大班保育员工作总结
2014/12/02 职场文书
2015年汽车销售员工作总结
2015/07/24 职场文书
《桂花雨》教学反思
2016/02/19 职场文书
陶瓷类经典广告语集锦
2019/10/25 职场文书
用CSS3画一个爱心
2021/04/27 HTML / CSS
解决SpringBoot跨域的三种方式
2021/06/26 Java/Android