jquery 获取json数据实现代码

2016-02-19 16:00 2 1 收藏

下面是个jquery 获取json数据实现代码教程，撑握了其技术要点，学起来就简单多了。赶紧跟着图老师小编一起来看看吧！

【 tulaoshi.com - Web开发】

代码如下:
//栏目
//发送ajax请求
$.getJSON(
"../../../Templet/GetInfoHandler.ashx", //产生JSON数据的服务端页面
{id: "0", sid: "1;2;3", rid: Math.round(Math.random() * 10) }, //向服务器发出的查询字符串
//对返回的JSON数据进行处理
function(json) {
//循环取json中的数据,并呈现在列表中
$("#column_0_1").empty();
var colstr = 'h2spana href="#" href="#"更多/a/span热门招聘/h2ul';
$.each(json, function(i) {
//alert(json[i].news_id);
colstr = colstr + 'lia href="http://www.ishixi.com/news/html/' + json[i].new_file_name + '" href="http://www.ishixi.com/news/html/' + json[i].new_file_name + '"' + json[i].news_title + '/a/li';
})
colstr = colstr + '/ul';
$("#column_0_1").html(colstr);
alert("加载成功");
// })

用Litjson生成json数据的C#程序：
代码如下:
//栏目
//发送ajax请求
$.getJSON(
"../../../Templet/GetInfoHandler.ashx", //产生JSON数据的服务端页面
{id: "0", sid: "1;2;3", rid: Math.round(Math.random() * 10) }, //向服务器发出的查询字符串
//对返回的JSON数据进行处理
function(json) {
//循环取json中的数据,并呈现在列表中
$("#column_0_1").empty();
var colstr = 'h2spana href="#" href="#"更多/a/span热门招聘/h2ul';
$.each(json, function(i) {
//alert(json[i].news_id);
colstr = colstr + 'lia href="http://www.ishixi.com/news/html/' + json[i].new_file_name + '" href="http://www.ishixi.com/news/html/' + json[i].new_file_name + '"' + json[i].news_title + '/a/li';
})
colstr = colstr + '/ul';
$("#column_0_1").html(colstr);
alert("加载成功");
// })

来源:http://www.tulaoshi.com/n/20160219/1610859.html

上一篇：深入浅出Java设计之备忘录模式
下一篇： Windows Hello怎么用

看过《jquery 获取json数据实现代码》的人还看了以下文章更多>>

java 获取数据库连接的实现代码

标签：编程语言网络编程

代码如下所示：代码如下： /** *ConnectionUtil .java * * */ package com.cai.jdbc; import java.sql.Connection; import java.sql.DriverManager; import java.util.Properties ; public class ConnectionUtil { /** * 1 *在方法中固化连接参数 * @return 数据库连接 */ public Connection...

JQuery 遮罩层实现(mask)实现代码

标签： Web开发

其中有mask()和unmask()这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现，增加客户体验。由于最近做项目的时候，发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来，觉得有点不划算，于是自己用jquery实现了一个比较简单mask、unmask方法来实现该效果。大家知道jquery是一个优秀的javascript框架，不但...

JQUERY操作JSON实例代码

标签： Web开发

1.jqury如何用ajax的形式调用后台asp.net页面生成的json数据 2.jquery简单的dom操作 3.送本jquery的开发手册给大家（大家慢慢去研究）准备工作：首先，我们新建个网站（.net2.0就行）. 1.在我们的项目中jquery的js文件。 2.新建一个htm文件，命名为dome.htm吧。代码如下：（head区的js代码就是实现的全部代码，有详细注释）代...

jQuery插件 tabBox实现代码

标签： Web开发

打包下载查了一下jq的官方插件编写文档（ http://docs.jquery.com/Plugins/Authoring ）以及文档中推荐的Mike Alsup写的一篇 A Plugin Development Pattern 。英语不是很好，但还是努力看下来（既学习到知识又能练习英语，何乐不为），照猫画虎的写了一个处女作——tabBox。顾名思义，这个插件就是方便的产生具有tab选项卡功能“盒子...

jquery 锁定弹出层实现代码

标签： Web开发

基于jquery的锁定弹出层这个东西也是随手总结出来的，引用了一些js框架jquery的方法。 div遮盖其他控件的方法参考了对于需要遮盖flash的，请将flash控件的WMode变量值设置为Transparent 使用方法：代码如下： script src="jquery.js"/script script src="effect/maskDiv.js"/script script //配置模块 var moduleEvent = [{"i...

查看更多精彩>>