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

前端技术 2023/09/08 JavaScript

本文实例讲述了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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/21909

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案