【js与jquery】jquery对返回json格式数据的处理和解析

来源：互联网发布：燕山大学双一流知乎编辑：程序博客网时间：2024/05/21 06:55

1.php代码：

<?php header("Content-Type:text/html; charset=utf-8");//一般情况下，使用json_encode()函数生成json格式的字符串echo "{ username : \"{$_REQUEST['username']}\" , content : \"{$_REQUEST['content']}\"}"; ?>

2.html代码：

<form id="form1" action="#"><p>评论:</p><p>姓名: <input type="text" name="username" id="username" /></p><p>内容: <textarea name="content" id="content"  rows="2" cols="20"></textarea></p><p><input type="button" id="send" value="提交"/></p></form><div class='comment'>已有评论：</div><div id="resText" ></div>

3.jquery代码：

<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script><script type="text/javascript">/*1.json格式数据的出现，很大程度上是因为xml文档体积大和难以解析。json文件和xml文档一样，也可以方便的被重用2.json文件非常简洁，也便于阅读和解析3.json格式的数据非常严格，任何一个括号的不匹配或者缺少逗号，都会导致页面上的脚本终止运行，甚至还会带来其它更加严重的负面影响，这一点没有xml格式的数据好*/$(function(){   $("#send").click(function(){$.get("get3.php", { username :  $("#username").val() , content :  $("#content").val()  }, function (data, textStatus){    var username = data.username;var content = data.content;    var txtHtml = "<div class='comment'><h6>"+username+":</h6><p class='para'>"+content+"</p></div>";                        $("#resText").html(txtHtml); // 把返回的数据添加到页面上},"json");//参数4-代表期待服务器端返回的数据格式为json格式   })})</script>