技术频道导航
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热文
  • 站长推荐