jqueryjson代码,js的jquery

发布时间:2022-11-23

本文目录一览:

  1. Jquery push一个JSON方法报错 代码如下
  2. jquery怎样向json中的object添加键值对(元素)?
  3. jQuery怎么解析Json字符串
  4. 求一个源码jquery json 例子
  5. 如何使用jquery取出json格式的数据
  6. jQuery处理json数据返回数组和输出的方法

Jquery push一个JSON方法报错 代码如下

在jquery里可以直接用isNaN(),因为它是JavaScript的类库。是由JavaScript语言写的。 例如:

$(document).ready(function(){
    alert(isNaN($('#id').val()));
});

可以直接使用。

jquery怎样向json中的object添加键值对(元素)?

jquery对json键值对或数组的增加、删除、遍历操作的代码如下:

var jsonStr = {};
// 增加
jsonStr["name1"] = "yu";
jsonStr["name2"] = "jin";
jsonStr["name3"] = "sheng";
$.each(jsonStr, function(_key) {
    console.log("Push结果:" + _key + "==" + jsonStr[_key] + "\r\n");
});
// 遍历
$.each(jsonStr, function(_key) {
    var key = _key;
    var value = jsonStr[_key];
    if (_key == "name1") {
        // 删除
        delete jsonStr[_key];
    }
});
$.each(jsonStr, function(_key) {
    console.log("删除后的结果:" + _key + "==" + jsonStr[_key] + "\r\n");
});

输出结果为: jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。 jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的CSS选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。 jQuery的模块可以分为3部分:入口模块、底层支持模块和功能模块。 在构造jQuery对象模块中,如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式,则会调用选择器Sizzle(一款纯JavaScript实现的CSS选择器引擎,用于查找与选择器表达式匹配的元素集合)遍历文档,查找与之匹配的DOM元素,并创建一个包含了这些DOM元素引用的jQuery对象。 浏览器功能测试模块提供了针对不同浏览器功能和bug的测试结果,其他模块则基于这些测试结果来解决浏览器之间的兼容性问题。 在底层支持模块中,回调函数列表模块用于增强对回调函数的管理,支持添加、移除、触发、锁定、禁用回调函数等功能。 异步队列模块用于解耦异步任务和回调函数,它在回调函数列表的基础上为回调函数增加了状态,并提供了多个回调函数列表,支持传播任意同步或异步回调函数的成功或失败状态。 数据缓存模块用于为DOM元素和Javascript对象附加任意类型的数据;队列模块用于管理一组函数,支持函数的入队和出队操作,并确保函数按顺序执行,它基于数据缓存模块实现。 参考资料:

jQuery怎么解析Json字符串

一、jQuery解析Json数据格式:

使用这种方法,必须在Ajax请求中设置参数:

  1. dataType: "json" 获取通过回调函数返回的数据并解析得到我们想要的值,看源码:
jQuery.ajax({
    url: full_url,
    dataType: "json",
    success: function(results) {
        alert(result.name);
    }
});

jQuery异步请求将type(一般为这个配置属性)设为“json”,或者利用$.getJSON()方法获得服务器返回,那么就不需要eval()方法了,因为这时候得到的结果已经是json对象了,只需直接调用该对象即可。这里以$.getJSON方法为例:

var data = {
    root: [
        {name:'1',value:'0'},
        {name:'6101',value:'北京市'},
        {name:'6102',value:'天津市'},
        {name:'6103',value:'上海市'},
        {name:'6104',value:'重庆市'},
        {name:'6105',value:'渭南市'},
        {name:'6106',value:'延安市'},
        {name:'6107',value:'汉中市'},
        {name:'6108',value:'榆林市'},
        {name:'6109',value:'安康市'},
        {name:'6110',value:'商洛市'}
    ]
};
$.getJSON("", {param:"sanic"}, function(data) {
    // 此处返回的data已经是json对象
    // 以下其他操作同第一种情况
    $.each(data.root, function(idx, item) {
        if (idx == 0) {
            return true; // 同continue,返回false同break
        }
        alert("name:" + item.name + ",value:" + item.value);
    });
});

二、jQuery解析Json对象:

jQuery提供了另一种方法“parseJSON”,这需要一个标准的JSON字符串,并返回生成的JavaScript对象。语法:

data = $.parseJSON(string);

看看它是如何运用到实际开发中的:

jQuery.ajax({
    url: dataURL,
    success: function(results) {
        var parsedJson = jQuery.parseJSON(results);
        alert(parsedJson.name);
    }
});

求一个源码jquery json 例子

  1. 获取DataSet
  2. 转成DataTable
  3. 示例代码:
public static string DataTableToJson(DataTable dt)
{
    StringBuilder jsonBuilder = new StringBuilder();
    jsonBuilder.Append("[");
    for (int i = 0; i < dt.Rows.Count; i++)
    {
        jsonBuilder.Append("{");
        for (int j = 0; j < dt.Columns.Count; j++)
        {
            jsonBuilder.Append("\"");
            jsonBuilder.Append(dt.Columns[j].ColumnName);
            jsonBuilder.Append("\":\"");
            jsonBuilder.Append(dt.Rows[i][j].ToString());
            jsonBuilder.Append("\",");
        }
        jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
        jsonBuilder.Append("},");
    }
    jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
    jsonBuilder.Append("]");
    return jsonBuilder.ToString();
}
  1. 把Json字符串Response出来
  2. 获取Json字符串
function load() // 页面加载
{
    $.ajax({
        type: "post",
        url: "../Handler/LinkManHandler.ashx", // 从哪获取Json
        data: "action=getLinkManid=" + comId, // Ajax传递的参数
        beforeSend: function() {
            // 获取之前显示 loading 或 正在加载
        },
        success: function(mess) {
            $("#divImage").hide();
            if (mess != "]") // 如果获取的数据不为空
            {
                var type = eval(mess);
                var str = "<a>首页</a>";
                for (var i = 0; i < type.length; i++) {
                    // 操作type 获取东西
                    str += "<a>" + type[i].数据库字段名 + "</a>";
                }
                $("#divLinkMan").html(str); // 把str嵌入div divLinkMan 中
            }
            else {
                var notfind = "<h2>未找到数据 <a href='../Main.htm' target='_parent'>返回</a></h2>";
                $("#divLinkMan").html(notfind);
            }
        },
        complete: function() {
            // 所有的都执行完后的方法
        }
    });
}

如何使用jquery取出json格式的数据

不知道你想做什么。jQuery是运行在浏览器端的一个JS函数库,JSON被浏览器解析之后就是一个JS字面量(或叫做对象)。 你说拼接,是不是把两个JSON的数据变成一个对象?我觉得这完全没必要吧,如果你需要同时获取两个JSON,你可以在服务器端直接把这两次请求合并为一个,这样只用一次请求,速度还快一些。 如果你非要获取两次然后拼接成一个对象也可行。

function callback(json) {
    // 这里写你处理最终json的代码
}
$.getJSON("url1", function(json1) {
    // 获取第一个json
    $.getJSON("url2", function(json2) {
        // 回调函数中获取第二个json
        for (var key in json2) {
            // 遍历第二个json对象添加到第一个json中
            json1[key] = json2[key];
        }
        callback(json1); // 处理最终得到的json对象
    });
});

jQuery处理json数据返回数组和输出的方法

这篇文章主要介绍了jQuery处理json数据返回数组和输出的方法,涉及jQuery操作数组及JSON的技巧,需要的朋友可以参考下。 本文实例讲述了jQuery处理JSON数据返回数组和输出的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:

/*
 * print the json object
 * $("selector").print_r_json(json, opts): return formatted string (and print)
 * sprint_r_json: just return the string;
 * print_r_json: return the formatted string and print json data
 * contribute 明河
 * auth iorichina
 * example:
 * 3 ways to use it
 * script language="javascript"
 * $("selector").print_r_json({"a":"aa","d":{"ef":{"a":"d","d":["a","b"]},"ed":"dd"},"g":"g"},{if_print:true,return_array:true});
 * document.write($.sprint_r_json({"a":"aa","d":{"ef":{"a":"d","d":["a","b"]},"ed":"dd"},"g":"g"}));
 * $.print_r_json({"a":"aa","d":{"ef":{"a":"d","d":["a","b"]},"ed":"dd"},"g":"g"});
 */
$.fn.print_r_json = function(json, options) {
    if (typeof(json) != "object") return false;
    var opts = $.extend({}, $.fn.print_r_json.defaults, options);
    var data = '';
    if (opts.if_print) {
        data = $.sprint_r_json(json);
        $(this).html('<div style="font-weight:bold">' + (opts.return_array ? 'Array' : 'JSON-DATA') + '</div>' + data);
    }
    if (opts.array) {
        return $.json_to_array(json);
    }
    return data;
};
$.fn.print_r_json.defaults = {
    if_print: false, // if print or just return formatted string
    return_array: true // return an Array
};
$.extend({
    print_r_json: function(json) {
        if (typeof(json) == "object") {
            var text = '<div style="font-weight:bold;">{</div><div style="margin-left:25px;">';
            document.write('<div style="font-weight:bold;">{</div><div style="margin-left:25px;">');
            for (var p in json) {
                if (typeof(json[p]) == "object") {
                    document.write('<div["' + p + '"] = ');
                    text += '<div["' + p + '"] = ' + $.print_r_json(json[p]) + '</div>';
                    document.write('</div>');
                } else {
                    text += '<div[' + ((/^d+$/).test(p) ? p : ('"' + p + '"')) + '] = "' + json[p] + '"/div>';
                    document.write('<div[' + p + '] = ' + json[p] + '/div>');
                }
            }
            text += '</div><div style="font-weight:bold;">}</div>';
            document.write('</div><div style="font-weight:bold;">}</div>');
            return (text);
        } else {
            document.write(json);
            return (json);
        }
    },
    sprint_r_json: function(json) {
        if (typeof(json) == "object") {
            var text = '<div style="font-weight:bold;">{</div><div style="margin-left:25px;">';
            for (var p in json) {
                if (typeof(json[p]) == "object") {
                    text += '<div["' + p + '"] = ' + $.sprint_r_json(json[p]) + '</div>';
                } else {
                    text += '<div[' + ((/^d+$/).test(p) ? p : ('"' + p + '"')) + '] = "' + json[p] + '"/div>';
                }
            }
            text += '</div><div style="font-weight:bold;">}</div>';
            return (text);
        } else {
            return (json);
        }
    },
    json_to_array: function(json) {
        if (typeof(json) == "object") {
            var text = new Array();
            for (var p in json) {
                if (typeof(json[p]) == "object") {
                    text[p] = $.json_to_array(json[p]);
                } else {
                    text[p] = json[p];
                }
            }
            return (text);
        } else {
            return (json);
        }
    }
});

希望本文所述对大家的jQuery程序设计有所帮助。