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 相关文章推荐
出现“不能执行已释放的Script代码”错误的原因及解决办法
Aug 29 Javascript
jquery下异步提交表单 异步跨域提交表单
Nov 17 Javascript
浅谈javascript中的作用域
Apr 07 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 Javascript
javascript定义变量时有var和没有var的区别探讨
Jul 21 Javascript
JavaScript监听和禁用浏览器回车事件实例
Jan 31 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
May 10 Javascript
windows下vue-cli及webpack搭建安装环境
Apr 25 Javascript
JavaScript使用indexOf()实现数组去重的方法分析
Sep 04 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 13 Javascript
three.js利用卷积法如何实现物体描边效果
Nov 27 Javascript
javascript用defineProperty实现简单的双向绑定方法
Apr 03 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与XML联手进行网站编程代码实例
2008/07/10 PHP
探讨PHP函数ip2long转换IP时数值太大产生负数的解决方法
2013/06/06 PHP
浅谈php函数serialize()与unserialize()的使用方法
2014/08/19 PHP
PHP获取某个月最大天数(最后一天)的方法
2015/07/29 PHP
PHP连续签到功能实现方法详解
2019/12/04 PHP
splice slice区别
2006/10/09 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
2013/04/01 Javascript
JS正则表达式获取分组内容的方法详解
2013/11/15 Javascript
js动态添加删除,后台取数据(示例代码)
2013/11/25 Javascript
jquery提交form表单时禁止重复提交的方法
2014/02/13 Javascript
json实现前后台的相互传值详解
2015/01/05 Javascript
纯js实现无限空间大小的本地存储
2015/06/18 Javascript
JavaScript职责链模式概述
2016/09/17 Javascript
静态页面实现 include 引入公用代码的示例
2017/09/25 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
2020/08/21 Javascript
微信小程序实现随机验证码功能
2018/12/20 Javascript
Python基于csv模块实现读取与写入csv数据的方法
2018/01/18 Python
python实现word 2007文档转换为pdf文件
2018/03/15 Python
详解Python 调用C# dll库最简方法
2019/06/20 Python
python基于FTP实现文件传输相关功能代码实例
2019/09/28 Python
python中自带的三个装饰器的实现
2019/11/08 Python
Python的几种主动结束程序方式
2019/11/22 Python
Pycharm使用远程linux服务器conda/python环境在本地运行的方法(图解))
2019/12/09 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
基于python实现音乐播放器代码实例
2020/07/01 Python
css3中less实现文字长阴影(long shadow)
2020/04/24 HTML / CSS
校园招聘策划书
2014/01/09 职场文书
酒店周年庆活动方案
2014/08/21 职场文书
民主评议党员个人自我评价
2015/03/03 职场文书
2015年度优秀员工推荐信
2015/03/23 职场文书
2015年保洁工作总结范文
2015/04/28 职场文书
于丹讲座视频观后感
2015/06/15 职场文书
感恩教育观后感
2015/06/17 职场文书
2015-2016年小学教导工作总结
2015/07/21 职场文书
MySql开发之自动同步表结构
2021/05/28 MySQL
java实现面板之间切换功能
2022/06/10 Java/Android