码迷,mamicode.com
首页 > Web开发 > 详细

jQuery获取json数据实现代码

时间:2015-12-17 16:01:21      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:

jQuery获取json数据实现代码:
使用jQuery操作json数据是非常的频繁的,下面提供两端代码供大家参考之用,大家可以自行分析,以便灵活应用。

/栏目
//发送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 = ‘<h2><span><a href="#" href="#">更多>></a></span>热门招聘</h2><ul>‘;
    $.each(json, function(i) {
     //alert(json[i].news_id);
     colstr = colstr + ‘<li><a href="http://www.softwhy.com/news/html/‘ + json[i].new_file_name + ‘" href="http://www.softwhy.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 = ‘<h2><span><a href="#" href="#">更多>></a></span>热门招聘</h2><ul>‘;
    $.each(json, function(i) {
     //alert(json[i].news_id);
     colstr = colstr + ‘<li><a 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.softwhy.com/forum.php?mod=viewthread&tid=7857

更多内容可以参阅:http://www.softwhy.com/jquery/

jQuery获取json数据实现代码

标签:

原文地址:http://www.cnblogs.com/come-on/p/5054042.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!