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 相关文章推荐
用cssText批量修改样式
Aug 29 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
May 07 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
Mar 30 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
Apr 01 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
Jul 28 Javascript
ES6中Symbol类型用法实例详解
Apr 06 Javascript
详解vue-cli 本地开发mock数据使用方法
May 29 Javascript
浅谈webpack+react多页面开发终极架构
Nov 11 Javascript
Vue 后台管理类项目兼容IE9+的方法示例
Feb 20 Javascript
vue路由对不同界面进行传参及跳转的总结
Apr 20 Javascript
深入浅析vue-cli@3.0 使用及配置说明
May 08 Javascript
在vant中使用时间选择器和popup弹出层的操作
Nov 04 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
thinkphp 一个页面使用2次分页的实现方法
2013/07/15 PHP
PHP的反射类ReflectionClass、ReflectionMethod使用实例
2014/08/05 PHP
服务器上配置PHP运行环境教程
2015/02/12 PHP
Laravel 修改验证异常的响应格式实例代码详解
2020/05/25 PHP
JavaScript对象模型-执行模型
2008/04/28 Javascript
window.js 主要包含了页面的一些操作
2009/12/23 Javascript
Jquery Select操作方法集合脚本之家特别版
2010/05/17 Javascript
JQuery实现简单验证码提示解决方案
2012/12/20 Javascript
jQuery中:submit选择器用法实例
2015/01/03 Javascript
JavaScript自定义等待wait函数实例分析
2015/03/23 Javascript
介绍JavaScript的一个微型模版
2015/06/24 Javascript
jquery仿京东商品放大浏览页面
2017/06/06 jQuery
利用Ionic2 + angular4实现一个地区选择组件
2017/07/27 Javascript
Angular 如何使用第三方库的方法
2018/04/18 Javascript
vue使用高德地图根据坐标定位点的实现代码
2019/08/22 Javascript
openlayers实现图标拖动获取坐标
2020/09/25 Javascript
vue使用transition组件动画效果的实例代码
2021/01/28 Vue.js
pandas 数据结构之Series的使用方法
2019/06/21 Python
python实现猜拳游戏项目
2020/11/30 Python
快速一键生成Python爬虫请求头
2021/03/04 Python
CSS3中动画属性transform、transition和animation属性的区别
2016/09/25 HTML / CSS
跑鞋、网球鞋、网球拍、服装及装备:Holabird Sports
2016/09/19 全球购物
工商管理实习自我鉴定
2013/09/28 职场文书
全国道德模范事迹
2014/02/01 职场文书
五心教育心得体会
2014/09/04 职场文书
房屋鉴定委托书范本
2014/09/23 职场文书
2014年劳动部工作总结
2014/12/11 职场文书
入党积极分子培养人意见
2015/06/02 职场文书
2015年度工程师评职称工作总结
2015/10/14 职场文书
2016年安全生产先进个人事迹材料
2016/02/29 职场文书
python解决12306登录验证码的实现
2021/04/18 Python
django学习之ajax post传参的2种格式实例
2021/05/14 Python
教你用python实现12306余票查询
2021/06/30 Python
go开发alertmanger实现钉钉报警
2021/07/16 Golang
SpringBoot系列之MongoDB Aggregations用法详解
2022/02/12 MongoDB
Python中的 Set 与 dict
2022/03/13 Python