JS使用JSON作为参数实例分析
内容摘要
本文实例讲述了JS使用JSON作为参数的用法。分享给大家供大家参考,具体如下:
function getAjaxData(urlstr, callback_func, options){
var myurl = AJAX_HEADER + urlstr +
function getAjaxData(urlstr, callback_func, options){
var myurl = AJAX_HEADER + urlstr +
文章正文
本文实例讲述了JS使用JSON作为参数的用法。分享给大家供大家参考,具体如下:
function getAjaxData(urlstr, callback_func, options){ var myurl = AJAX_HEADER + urlstr + AJAX_TAIL; var isAsync = true;//初始化是否同步的属性设置 var nTimeout = AJAX_TIMEOUT;//初始化请求超时的数据 var errorCallback = null; //利用JSON对象options来修改默认初始化的属性,这样一个参数可以设置多个属性 if (options) { if (options.sync) //sync这个参数就是JSON的对象 { isAsync = (options.sync === true) ? false : true; } if (options.timeout) { nTimeout = parseInt(options.timeout); if (isNaN(nTimeout)) nTimeout = AJAX_TIMEOUT; } errorCallback = options.errorCB; } if ($.browser.mozilla) { try { //netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead"); } catch (exception) { log.error(exception); } } $.ajax({ async: isAsync, //cache: false, type: "GET", timeout: nTimeout, url: myurl, //dataType: ($.browser.msie) ? "text" : "xml", error: function(XMLHttpRequest, textStatus){ try { if (jQuery.isFunction(errorCallback)) { errorCallback(XMLHttpRequest, textStatus); } log.error("MAIN : getAjaxData(" + myurl + ") error."); log.error("MAIN : XMLHttpRequest.readyState = " + XMLHttpRequest.readyState); log.error("MAIN : XMLHttpRequest.status = " + XMLHttpRequest.status); log.error("MAIN : textStatus " + textStatus); } catch (exception) { log.error(exception); } }, success: function(data){ log.debug("MAIN : getAjaxData(" + myurl + ") sucess."); log.trace(data); var xml; if (typeof data == "string" || typeof data == "number") { if (!window.ActiveXObject) { var parser = new DOMParser(); xml = parser.parseFromString(data, "text/xml"); } else { //IE xml = new ActiveXObject("Microsoft.XMLDOM"); xml.async = false; xml.loadXML(data); } } else { xml = data; } if (typeof callback_func == "function") { callback_func($(xml)); } else { log.error("callback_func is undefined or not a function"); } } }); } getAjaxData("api/monitoring/status", function($xml){ var wlan_ret = xml2object($xml); if(wlan_ret.type == "response") { monitoring_status = wlan_ret.response; setCurrrentUserHTML(); } }, { sync:true //通过JSON传递多个数据,防止数据冗余,这里类似于配置信息 });
下面是一个简单的例子:
function testJSON(JSON){ alert(JSON.name); alert(JSON.age); alert(JSON.id); } testJSON({name:"huangbiao", "age":23, "id":1});
PS:这里再为大家推荐几款json在线工具,相信大家在今后的开发中可以用得到:
在线JSON代码检验、检验、美化、格式化工具:
http://tools.phpstudy.net/code/json
JSON在线格式化工具:
http://tools.phpstudy.net/code/jsonformat
在线XML/JSON互相转换工具:
http://tools.phpstudy.net/code/xmljson
json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.phpstudy.net/code/jsoncodeformat
C语言风格/HTML/CSS/json代码格式化美化工具:
http://tools.phpstudy.net/code/ccode_html_css_json
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
代码注释