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.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/

时间: 2024-10-05 23:26:27

jQuery获取json数据实现代码的相关文章

jquery获取json数据

 需要下载jquery的js文件 html 文件的内容  cat 1.html  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <

jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表

对于问题从后台获取json数据,将内容填充到下拉列表,代码非常简单,具体过程请看下面代码. 需求:url:链接     par:ID       sel:下拉列表选择器 function BuildSelectBox(url, par, sel) {  $(sel).empty();  $.getJSON(url, { id: par }, function (json, textStatus) {   for (var i = json.length - 1; i >= 0; i--) {  

jQuery获取JSON格式数据方法

getJSON方法: jQuery.getJSON(url,data,success(data,status,xhr)) $("button").click(function(){ $.getJSON("demo_ajax_json.js",function(result_data){ $.each(result_data, function(index, name_value){ $("div").append(name_value + &qu

JQuery UI获取JSON数据

最近在学习用JQuery UI开发一个界面,这是javascript的一个框架,功能强大,界面漂亮. 首先要下载JQuery UI的包,引入里面的文件: <link href="jquery-ui.css" rel="stylesheet"> <script src="external/jquery/jquery.js"></script> <script src="jquery-ui.js&q

IT忍者神龟之jQuery 使用 $.getJSON() 跨域获取 JSON 数据

假设在服务器上有文件 http://test.unmi.cc/json.php 文件,它的内容为: [代码 1] 01 02 03 04 05 06 07 08 09 10 <?php header('Content-type: application/json'); $user = array (     "name"  => "Unmi",     "blog" => "http://unmi.cc" )

jquery通过ajax方法获取json数据不执行success回调

问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准写法,导致总是执行error回调方法 解决方案:使json格式务必符合下述3个标准写法:      1)键名称:用双引号括起:    2)字符串:用双引号括起:    3)数字,布尔值不需要使用双引号括起 : 注意:一定是双括号!

jquery通过ajax方法获取json数据不执行success

1.jquery通过ajax方法获取json数据不执行success回调 问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准写法,导致总是执行error回调方法 解决方案:使json格式务必符合下述3个标准写法:      1)键名称:用双引号括起:    2)字符串:用双引号括起:    3)数字,布尔值不需要使用双引号括起 : 注意:一定是双括号! 2.jQuery中ajax使用json数据类型总是跳过success

jQuery异步获取json数据的2种方式

jQuery异步获取json数据有2种方式,一个是$.getJSON方法,一个是$.ajax方法.本篇体验使用这2种方式异步获取json数据,然后追加到页面. 在根目录下创建data.json文件: { "one" : "Hello", "two" : "World" } ■ 通过$.getJSON方法获取json数据 <script src="Scripts/jquery-2.1.1.min.js"

jquery用ajax方式从后台获取json数据,将内容填充到下拉列表。

从后台获取json数据,将内容填充到下拉列表. url:链接 par:ID sel:下拉列表选择器 //获取下拉列表 function BuildSelectBox(url, par, sel) { $(sel).empty(); $.getJSON(url, { id: par }, function (json, textStatus) { for (var i = json.length - 1; i >= 0; i--) { $(sel).prepend('<option value=