您的位置：首页 > Web前端 > JavaScript

JS使用JSON作为参数实例分析

2016-06-23 10:24 976 查看

本文实例讲述了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.jb51.net/code/json

JSON在线格式化工具：
http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具：
http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具：
http://tools.jb51.net/code/jsoncodeformat

C语言风格/HTML/CSS/json代码格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

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

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： JS JSON 参数

相关文章推荐

新的分享

章节导航