jQuery获取json数据实现代码

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.51texiao.cn/news/html/' + json[i].new_file_name + '" href="http://www.51texiao.cn/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.51texiao.cn/news/html/' + json[i].new_file_name + '" href="http://www.51texiao.cn/news/html/' + json[i].new_file_name + '">' + json[i].news_title + '</a></li>';
})
  colstr = colstr + '</ul>';
  $("#column_0_1").html(colstr);
  alert("加载成功");
// })

原文地址是:http://www.51texiao.cn/jqueryjiaocheng/2015/0504/685.html

最为原始地址是:http://www.softwhy.com/