【js与jquery】jquery对返回json格式数据的处理和解析
2012-09-03 01:36
1041 查看
1.php代码:
2.html代码:
3.jquery代码:
<?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>
相关文章推荐
- Jquery form.js文件上传返回JSON数据,在IE下提示下载文件的解决办法,并对返回数据进行正确的解析
- JS解析后台返回的JSON格式数据实例
- JS 对java返回的json格式的数据处理方法
- aotocomplete.js 处理返回后台传回的json格式的数据
- 【js与jquery】jquery对服务器端返回xml格式数据的解析和处理
- JS解析后台返回的JSON格式数据
- jQuery备忘之(一):jQuery处理.Net后台返回的Xml格式与Json格式的数据的比较分析
- eval解析JSON中的注意点 在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用eval
- JS 对java返回的json格式的数据处理
- 接口规范,js处理json,php返回给ajax的数据格式
- 用Jquery处理PHP返回的JSON格式数据的三种方法
- (转:Tonny Yang)jQuery备忘之(一):jQuery处理.Net后台返回的Xml格式与Json格式的数据的比较分析
- JQuery获取并解析php返回的json格式数据的简单示例
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- struts2 + ajax(从后台获取json格式的数据返回到前端,然后前端用jquery对json数据进行解析)
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
- JQuery调用webservice,返回的json数据和XML数据的处理方法
- json:js和jquery中轻量级数据交换格式
- js解析php返回的json数据无法获取length的问题分析