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 相关文章推荐
js实现权限树的更新权限时的全选全消功能
Feb 17 Javascript
JS 控制非法字符的输入代码
Dec 04 Javascript
Javascript引用指针使用介绍
Nov 07 Javascript
ExtJS4 表格的嵌套 rowExpander应用
May 02 Javascript
JavaScript阻止事件冒泡示例分享
Dec 28 Javascript
Angular在一个页面中使用两个ng-app的方法
Feb 20 Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
Jun 19 Javascript
Bootstrap输入框组件使用详解
Jun 09 Javascript
JavaScript设计模式之建造者模式实例教程
Jul 02 Javascript
vue 实现特定条件下绑定事件
Nov 09 Javascript
three.js欧拉角和四元数的使用方法
Jul 26 Javascript
JavaScript 事件捕获冒泡与捕获详情
Nov 11 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
从零开始 教你如何搭建Discuz!4.1论坛
2006/07/07 PHP
php 静态页面中显示动态内容
2009/08/14 PHP
php4与php5的区别小结(配置异同)
2011/12/20 PHP
php 模拟get_headers函数的代码示例
2013/04/27 PHP
YII Framework框架教程之缓存用法详解
2016/03/14 PHP
php array_multisort 对数组进行排序详解及实例代码
2016/10/27 PHP
laravel 5异常错误:FatalErrorException in Handler.php line 38的解决
2017/10/12 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
js自带函数备忘 数组
2006/12/29 Javascript
优化 JavaScript 代码的方法小结
2009/07/16 Javascript
Jquery replace 字符替换实现代码
2010/12/02 Javascript
JS实现网页表格自动变大缩小的方法
2015/03/09 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
2015/03/17 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
jQuery获取上传文件的名称的正则表达式
2015/05/21 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
2016/05/16 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
2017/01/23 Javascript
微信小程序 setData使用方法及常用错误解决办法
2017/05/11 Javascript
微信小程序之圆形进度条实现思路
2018/02/22 Javascript
详解vue 命名视图
2019/08/14 Javascript
JavaScript在web自动化测试中的作用示例详解
2019/08/25 Javascript
解析JS在获取当前月的最后一天遇到的坑
2019/08/30 Javascript
Vue axios 将传递的json数据转为form data的例子
2019/10/29 Javascript
利用Python实现Windows定时关机功能
2017/03/21 Python
Python 关于反射和类的特殊成员方法
2017/09/14 Python
python3 tkinter实现点击一个按钮跳出另一个窗口的方法
2019/06/13 Python
Python 实现加密过的PDF文件转WORD格式
2020/02/04 Python
通过实例解析Python文件操作实现步骤
2020/09/21 Python
python+selenium+chrome实现淘宝购物车秒杀自动结算
2021/01/07 Python
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
创立科技Java面试题
2015/11/29 面试题
师范应届生语文教师求职信
2013/10/29 职场文书
高三学生评语大全
2014/04/25 职场文书
高三毕业评语
2014/12/31 职场文书
校园运动会广播稿
2015/08/19 职场文书
go 原生http web 服务跨域restful api的写法介绍
2021/04/27 Golang