JQuery如何把JSON字符串转为JSON对象 - js技术_卡卡网
技术频道导航
HTML/CSS
.NET技术
IIS技术
PHP技术
Js/JQuery
Photoshop
Fireworks
服务器技术
操作系统
网站运营

新贝彩票开户

赞助商

分类目录

赞助商

最新文章

搜索

JQuery如何把JSON字符串转为JSON对象

作者:admin    时间:2019-8-29 16:26:44    浏览:

本文介绍JQuery如何把JSON字符串转为JSON对象。

HTML代码

下面的HTML代码实现JQuery把JSON字符串转为JSON对象。

<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<form id="form1">
  <input type = "button" id = "demo" value = "Demo" />
  <br />
  <div>
    Name: <input type = "text" id = "txtName" /><br />
    Age: <input type = "text" id = "txtAge" /><br />
    City: <input type = "text" id = "txtCity" /><br />
    Country: <input type = "text" id = "txtCountry" /><br />
  </div>
</form>

<script type = "text/javascript">
  var json = "{Name: 'Mudassar Khan', Age: 27, City: 'Mumbai', Country: 'India'}";
  $("#demo").on("click", function () {
    var person = eval('(' +json + ')');
    $("#txtName").val(person.Name);
    $("#txtAge").val(person.Age);
    $("#txtCity").val(person.City);
    $("#txtCountry").val(person.Country);
  });
</script>

</body>
</html>
 

效果如图:

JSON字符串转为JSON对象

JSON字符串转为JSON对象

解释

在上面的代码片段中,当单击HTML Demo按钮时,JSON字符串将使用javascript eval()函数转换为JSON对象,然后JSON对象值将显示在各自的文本框中。

execcodegetcode

标签: JSON  JQuery  
  • IT热文
  • 站长推荐
四柱彩票开户 易盈彩票开户 中华彩票投注 旺彩彩票开户 天际彩票投注 新2彩开户 广发彩票开户 皇族彩票开户 中华彩票投注 汇丰彩票开户

about:blank "); rng.document.write(""); rng.document.close(); } //********************************************************* about:blank "); rng.document.write(""); rng.document.close(); } function copySuccess(){ alert("复制代码成功,您现在可以把它粘贴到任何地方了。"); } jQuery(document).ready(function () { setTimeout(function () { var jq = {}; $('[_copy]').hover(function () { var j_nav = $(this).attr('_copy'); clearTimeout(jq[j_nav + '_timer']); jq[j_nav + '_timer'] = setTimeout(function () { $('#' + j_nav).stop(true, true).fadeIn(200); },150); },function () { var j_nav = $(this).attr('_copy'); clearTimeout(jq[j_nav + '_timer']); jq[j_nav + '_timer'] = setTimeout(function () { $('#' + j_nav).stop(true, true).fadeOut(200); },150); }); },3000); }); //*********************************************************