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


Posted in Javascript onJune 23, 2016

本文实例讲述了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.3water.com/code/json

JSON在线格式化工具:
http://tools.3water.com/code/jsonformat

在线XML/JSON互相转换工具:
http://tools.3water.com/code/xmljson

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

C语言风格/HTML/CSS/json代码格式化美化工具:
http://tools.3water.com/code/ccode_html_css_json

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

Javascript 相关文章推荐
HTML 自动伸缩的表格Table js实现
Apr 01 Javascript
基于jQuery的js分页代码
Jun 10 Javascript
JS中令人发指的valueOf方法介绍
Feb 22 Javascript
js检验密码强度(低中高)附图
Jun 05 Javascript
实现音乐播放器的代码(html5+css3+jquery)
Aug 04 Javascript
基于JavaScript短信验证码如何实现
Jan 24 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
May 03 Javascript
vue+vue-validator 表单验证功能的实现代码
Nov 13 Javascript
vue iview实现动态路由和权限验证功能
Apr 17 Javascript
js动态设置select下拉菜单的默认选中项实例
Aug 21 Javascript
详解VUE单页应用骨架屏方案
Jan 17 Javascript
js实现3D旋转效果
Aug 18 Javascript
浅析Bootstrap表格的使用
Jun 23 #Javascript
浅析Bootstrap验证控件的使用
Jun 23 #Javascript
jquery中live()方法和bind()方法区别分析
Jun 23 #Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐)
Jun 23 #Javascript
jQuery根据name属性进行查找的用法分析
Jun 23 #Javascript
每日十条JavaScript经验技巧(二)
Jun 23 #Javascript
jQuery实现查找最近父节点的方法
Jun 23 #Javascript
You might like
全国FM电台频率大全 - 18 湖南省
2020/03/11 无线电
php中变量及部分适用方法
2008/03/27 PHP
PHP合并数组+与array_merge的区别分析
2010/08/01 PHP
phpnow php探针环境检测代码
2014/11/04 PHP
PHP多文件上传类实例
2015/03/07 PHP
php可扩展的验证类实例(可对邮件、手机号、URL等验证)
2015/07/09 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
小议javascript 设计模式 推荐
2009/10/28 Javascript
jquery中animate动画积累的解决方法
2013/10/05 Javascript
基于豆瓣API+Angular开发的web App
2015/01/02 Javascript
JavaScript接口的实现三种方式(推荐)
2016/06/14 Javascript
简单谈谈Javascript函数中的arguments
2017/02/09 Javascript
js判断PC端与移动端跳转
2020/12/24 Javascript
简单谈谈require模块化jquery和angular的问题
2017/06/23 jQuery
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
2018/09/25 Javascript
手把手教你使用TypeScript开发Node.js应用
2019/05/06 Javascript
Vue基于localStorage存储信息代码实例
2020/11/16 Javascript
[01:08:09]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第二局
2016/03/02 DOTA
[00:43]魔廷新尊——痛苦女王至宝捆绑包
2020/06/12 DOTA
python多重继承新算法C3介绍
2014/09/28 Python
基于python脚本实现软件的注册功能(机器码+注册码机制)
2016/10/09 Python
Python人脸识别初探
2017/12/21 Python
解决python3爬虫无法显示中文的问题
2018/04/12 Python
python单向链表的基本实现与使用方法【定义、遍历、添加、删除、查找等】
2019/10/24 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
Pytorch 定义MyDatasets实现多通道分别输入不同数据方式
2020/01/15 Python
CSS3中的content属性使用示例
2015/07/20 HTML / CSS
基于第一个PhoneGap(cordova)的应用详解
2013/05/03 HTML / CSS
美国旅游网站:Tours4Fun
2017/02/17 全球购物
女士时装鞋:Chinese Laundry
2018/08/29 全球购物
英国领先的独立时装店:Van Mildert
2019/10/28 全球购物
材料成型专业个人求职信范文
2013/09/25 职场文书
大专应届生个人简历的自我评价
2013/10/15 职场文书
2015年大学班主任工作总结
2015/04/30 职场文书
刑事附带民事起诉状
2015/05/19 职场文书
详解python网络进程
2021/06/15 Python