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 相关文章推荐
nicejforms——美化表单不用愁
Feb 20 Javascript
jquery下操作HTML控件的实现代码
Jan 12 Javascript
常用Extjs工具:Extjs.util.Format使用方法
Mar 22 Javascript
js 数组去重的四种实用方法
Sep 09 Javascript
window.location.hash知识汇总
Nov 09 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
Feb 02 Javascript
jQuery Chart图表制作组件Highcharts用法详解
Jun 01 Javascript
微信小程序 表单Form实例详解(附源码)
Dec 22 Javascript
利用纯JS实现像素逐渐显示的方法示例
Aug 14 Javascript
vue根据值给予不同class的实例
Sep 29 Javascript
详解使用React制作一个模态框
Mar 14 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
Jul 13 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
PHP4中session登录页面的应用
2008/07/25 PHP
php读取大文件示例分享(文件操作类)
2014/04/13 PHP
PHP中auto_prepend_file与auto_append_file用法实例分析
2014/09/22 PHP
php获取ip及网址的简单方法(必看)
2017/04/01 PHP
jquery 模式对话框终极版实现代码
2009/09/28 Javascript
javascript学习笔记(十八) 获得页面中的元素代码
2012/06/20 Javascript
javascript中arguments,callee,caller详解
2016/03/16 Javascript
jquery插件uploadify多图上传功能实现代码
2016/08/12 Javascript
bootstrap-table组合表头的实现方法
2017/09/07 Javascript
vue-cli启动本地服务局域网不能访问的原因分析
2018/01/22 Javascript
JS中判断字符串存在和非空的方法
2018/09/12 Javascript
jQuery中DOM操作原则实例分析
2019/08/01 jQuery
我所理解的JavaScript中的this指向
2020/09/04 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
2020/09/22 Javascript
Python程序设计入门(5)类的使用简介
2014/06/16 Python
Python标准库urllib2的一些使用细节总结
2015/03/16 Python
自动化Nginx服务器的反向代理的配置方法
2015/06/28 Python
Python使用PyCrypto实现AES加密功能示例
2017/05/22 Python
python编程实现12306的一个小爬虫实例
2017/12/27 Python
Python文件打开方式实例详解【a、a+、r+、w+区别】
2019/03/30 Python
pyqt5 实现工具栏文字图片同时显示
2019/06/13 Python
Django框架orM与自定义SQL语句混合事务控制操作
2019/06/27 Python
Python进度条的制作代码实例
2019/08/31 Python
python 安装教程之Pycharm安装及配置字体主题,换行,自动更新
2020/03/13 Python
CSS3 选择器 属性选择器介绍
2012/01/21 HTML / CSS
英国当代时尚和街头服饰店:18montrose
2018/12/15 全球购物
世界上最大的乐谱选择:Sheet Music Plus
2020/01/18 全球购物
数据库方面面试题
2012/04/22 面试题
学习张林森心得体会
2014/09/10 职场文书
反对四风自我剖析材料
2014/10/07 职场文书
评职称个人总结
2015/03/05 职场文书
2015年建筑工作总结报告
2015/05/04 职场文书
科技馆观后感
2015/06/08 职场文书
MySQL 重写查询语句的三种策略
2021/05/10 MySQL
redis不能访问本机真实ip地址的解决方案
2021/07/07 Redis
解决Mysql中的innoDB幻读问题
2022/04/29 MySQL