jQuery下如何使用Json传递数据

json的结构为： {\"data\":[{\"key1\":\"1\"},{\"key2\":\"2\"},{\"key3\":\"3\"}]}

因为要进行输出，所以里边加了转义符，希望大家不要在此迷惑。下边，我就以我网站中的一段程序进行说明。在此，假设大家对ajax的应用已经有所了解。

前台程序：

$.ajax({

type:

"post"

//以发送的方式

dataType:

"json"

//返回json格式的数据

url:

"../ajax/search.aspx"

//请求的url

data: {

"key"

: encodeURI(v) },

//传递数据，传前先编码，后台查询前先解码

success:

function

(req) {

//得到keywords中的数据，见后台返回结果

var

result = req.keywords;

//遍历keywords中的数据

jQuery.each(result,

function

(i, n) {

if

(n.key ==

"nodata"

) {

alert(

"无数据"

);

else

alert(n.key);

//输出标题

alert(n.id);

//输出ID

alert(n.c);

//输出类别

});

});

后台程序：

if

(!

string

.IsNullOrEmpty(Request[

"key"

]))

//得到查询的关键词

keywords = Server.UrlDecode(Request[

"key"

]);

DataTable dt =

new

DataTable();

//根据关键词得到数据

dt = BArticle.getSearch(keywords);

if

(dt !=

null

&& dt.Rows.Count > 0)

//拼接json。

result =

"{\"keywords\":["

foreach

(DataRow dr

in

dt.Rows)

//返回文章标题，文章ID和文章类别

result  =

"{\"key\":\""

dr[

"title"

].ToString()

"\",\"id\":\""

int

.Parse(dr[

"id"

].ToString())

"\",\"c\":\""

int

.Parse(dr[

"class"

].ToString())

"\"},"

result = result.Substring(0, result.Length - 1);

result  =

"]}"

if

(result.Length > 0)

//输出json数据

Response.Write(result);

else

//无数据时，返回nodata

Response.Write(

"{\"keywords\":[{\"key\":\"nodata\"}]}"

);

当然，可以同时输出多个结果集。

如：{\"comment\":[{\"key1\":\"评论1\"},{\"key2\":\"评论2\"}],\"reply\":[{"key1\":\"回复1\"}，{"key2\":\"回复2\"}]}

jQuery下如何使用Json传递数据相关推荐

解决前端传的数据是下划线命名而后端是驼峰命名的Json传递数据的问题
由于之前个人开发项目都是统一命名,不会出现这种问题,但是到公司实习前后端分离前端是下划线命名,而后端是驼峰命名,所以导致数据的传递需要转换 @JsonProperty("user_id&qu ...
JSP使用JSON传递数据，注意避免中文乱码
JSP传递数据时不方便使用Java中的对象类型,一般使用JSON来传递对象. 在使用JSON时,前端js如下,注意指定dataType: var htmlobj= $.ajax({ url:" ...
[转载] JavaScrip ajaxt和python flask通过json传递数据的方法
参考链接: python json 9: request向服务端发送json数据 JavaScript调用ajax发送一个json $('#cc').click(function () { mdffi ...
前台传json ajax,如何在前台脚本通过json传递数据到后台(使用微软自带的ajax)
首先,我们要在前台引入json的脚本,以便于把js对象序列化然后我们在前台声明一个类,将你要保存的值放到类里面,最后序列化 function Save() { var examId = ''; va ...
java中怎么使用json数据_JAVA中使用JSON进行数据传递
1.是不是只有xml传递数据的技术才是webservice? 可以这么理解.webservice是基于SOAP协议,SOAP协议是基于XML的文本协议.所以webservice可以简单理解为是基于XM ...
ireport参数传递json_Json传递数据两种方式（json大全）
1.Json传递数据两种方式(json大全) ----------------------------字符串 var list1 = ["number","name&qu ...
python操作json_Python学习之利用Python处理JSON格式数据
最近在研究利用zabbix的自动发现功能来监控一台服务器上的多个Redis端口.网上有篇文章写个Python程序来发现Redis端口并显示成JSON格式.这里就学习下Python如何处理JSON格式数 ...
AngularJS + Java---前台网页与后台数据库传递数据基本结构
第一个关于这两种语言的项目,以下只是我自己的理解,欢迎指教:) 基本对应关系 1. controller .jsp(.html) ng-controller="controllerTest ...
WPF跨页面传递数据
WPF跨页面传递数据,如何在一个页面得到另个页面的数据,跨页面传递数据我觉得还是比较常用也比较重要的一个点,在传递数据的情况中无非就是A页面打开B页面把A页面的数据传递到B页面,或者就是A页面打开B页 ...

jQuery下如何使用Json传递数据

jQuery下如何使用Json传递数据相关推荐

最新文章

热门文章