Community Learn Tools Library Leisure

English

Home > Web Front-end > JS Tutorial > Jquery creates JSON object from JSON string_jquery

Jquery creates JSON object from JSON string_jquery

WBOY

Release： 2016-05-16 16:38:54

Original

1332 people have browsed it

<html>
<body>
<h2>通过 JSON 字符串来创建对象</h3>
<p>
First Name: <span id="fname"></span><br /> 
Last Name: <span id="lname"></span><br /> 
</p> 
<script type="text/javascript">
//txt为字符串
var txt = '{"employees":[' +
'{"firstName":"Bill","lastName":"Gates" },' +
'{"firstName":"George","lastName":"Bush" },' +
'{"firstName":"Thomas","lastName":"Carter" }]}';
//通过eval()方法
//var obj = eval ("(" + txt + ")"); 
//通过JSON解析
//obj = jQuery.parseJSON(txt);
obj = JSON.parse(txt);

document.getElementById("fname").innerHTML=obj.employees[1].firstName 
document.getElementById("lname").innerHTML=obj.employees[1].lastName 
</script>
</body>
</html>

Copy after login

Related labels：

json string json object

source：php.cn

Previous article：jQuery implements automatic scrolling of lists to display news in a loop_jquery Next article：Use jquery to fix the page anchor failure problem under iframe_jquery

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Latest Articles by Author