如何使用jQuery结合Ajax实现hash遍历操作示例？
- 内容介绍
- 文章标签
- 相关推荐
本文共计384个文字，预计阅读时间需要2分钟。
原文示例讲述了jQuery如何遍历hash操作。以下是对其的简化
本例演示了使用jQuery遍历hash的方法。以下是一个参考示例：
注意：由于字数限制，上述内容仅为简化后的开头部分。
本文实例讲述了jquery 遍历hash操作。分享给大家供大家参考，具体如下：
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta img.558idc.com/uploadfile/allimg/210405/22303V3K-0.jpg"></script> --> <script src="img.558idc.com/uploadfile/allimg/210405/22303U315-1.jpg"></script> <script> $(function(){ var renderTime = function() { var now = new Date(); var y = now.getFullYear(); var m = now.getMonth() + 1; var d = now.getDate(); var h = now.getHours(); var i = now.getMinutes(); var s = now.getSeconds(); m = m < 10 ? '0' + m : m; d = d < 10 ? '0' + d : d; h = h < 10 ? '0' + h : h; i = i < 10 ? '0' + i : i; s = s < 10 ? '0' + s : s; var _date = y + '-' + m + '-' + d; var _time = h + ':' + i + ':' + s; $('.time').html(_date + ' ' + _time); }; var render = function(data) { console.log('111111111111111111111'); console.log(data); console.log('111111111111111111111'); for (var k in data){ console.log('222222222222222222222'); console.log(k+'=>'+data[k]); console.log(data[k]); console.log('222222222222222222222'); for (var p in data[k]){ console.log('3333333333333333333333'); console.log(p+'=>'+data[k][p]); console.log('3333333333333333333333'); }; }; }; var getOracleService = function(error) { $.ajax({ url: '/returnmq/', type: 'GET', data: {}, async: false, dataType: 'json', success: function(res) { render(res); }, error: function(res) { // alert("数据返回出错"); } }); } getOracleService(); }); </script> </body> </html>
更多关于jQuery相关内容可查看本站专题：《jquery中Ajax用法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
本文共计384个文字，预计阅读时间需要2分钟。
原文示例讲述了jQuery如何遍历hash操作。以下是对其的简化
本例演示了使用jQuery遍历hash的方法。以下是一个参考示例：
注意：由于字数限制，上述内容仅为简化后的开头部分。
本文实例讲述了jquery 遍历hash操作。分享给大家供大家参考，具体如下：
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta img.558idc.com/uploadfile/allimg/210405/22303V3K-0.jpg"></script> --> <script src="img.558idc.com/uploadfile/allimg/210405/22303U315-1.jpg"></script> <script> $(function(){ var renderTime = function() { var now = new Date(); var y = now.getFullYear(); var m = now.getMonth() + 1; var d = now.getDate(); var h = now.getHours(); var i = now.getMinutes(); var s = now.getSeconds(); m = m < 10 ? '0' + m : m; d = d < 10 ? '0' + d : d; h = h < 10 ? '0' + h : h; i = i < 10 ? '0' + i : i; s = s < 10 ? '0' + s : s; var _date = y + '-' + m + '-' + d; var _time = h + ':' + i + ':' + s; $('.time').html(_date + ' ' + _time); }; var render = function(data) { console.log('111111111111111111111'); console.log(data); console.log('111111111111111111111'); for (var k in data){ console.log('222222222222222222222'); console.log(k+'=>'+data[k]); console.log(data[k]); console.log('222222222222222222222'); for (var p in data[k]){ console.log('3333333333333333333333'); console.log(p+'=>'+data[k][p]); console.log('3333333333333333333333'); }; }; }; var getOracleService = function(error) { $.ajax({ url: '/returnmq/', type: 'GET', data: {}, async: false, dataType: 'json', success: function(res) { render(res); }, error: function(res) { // alert("数据返回出错"); } }); } getOracleService(); }); </script> </body> </html>
更多关于jQuery相关内容可查看本站专题：《jquery中Ajax用法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。