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"来代表期待服务器端返回的数据格式