JSON 文件

JSON文件:

之所以会出现这种数据格式的文件,很大程序上是因为XML文档体积大和难以解析。

JSON文件和XML文档一样,也可以方便的被重用。而且,JSON文件非常简洁,也容易阅读。

def testjquery(req):
 print req.get_full_path()
 print req.GET['username'];
 print req.GET['content'];
 d={}
 d['username']=req.GET['username']
 d['content']=req.GET['content']
 print type(d)
 print d
 #return render(req,'testjquery.html',{'info':d})
 print '---------------------------------------------'
 print json.dumps(d)
 print '---------------------------------------------'
 return HttpResponse(json.dumps(d), content_type="application/json")


<type 'dict'>
{u'username': u'11111111', u'content': u'22222222'}
---------------------------------------------
{"username": "11111111", "content": "22222222"}
<type 'str'>
---------------------------------------------

由于服务器端返回的数据格式的JSON格式,因此需要对返回的数据进行处理之后,才可以将新的HTML数据添加到主页面中,jQuery 代码如下:


node2:/django/mysite/static/Js/Monitor#cat a32.js.bak 
$(function(){
  $("#send").click(function(){
   $.get("/testjquery/",{
           username : $("#username").val(),
           content:$("#content").val()
   },function (data,textStatus){
       console.log(data);
       console.log(textStatus);
       $("#resText").html(data);
   });

})
})





Object { username: "111111111", content: "2222222" }
a32.js:7:14
success


node2:/django/mysite/static/Js/Monitor#cat a32.js
$(function(){
   $("#send").click(function(){
       $.get("/testjquery/",{
           username : $("#username").val(),
           content :   $("#content").val()
           },function (data,textStatus){
             console.log(data);
             console.log(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");
})
});

在上面的代码中,将$.get()方法的第4个参数(type)设置为“json"来代表期待服务器端返回的数据格式