django 测试ajax,Ajaxdjango项目测试顶

Ajax load方法测试

#解释说明:load()相当于加载服务器本地资源内容并将其实现在当前页面中。

data封账了加载文本里的内容。

status封装了加载文本的状态。

xhr：xml的请求对象。

load('加载的文本','执行的函数')方法接受一个加载的数据对象,和一个加载对象成功失败的状态,及xml请求对象。

cat templates/app2/ajax.html

{% load static %}

ajax

项目:{{ name }}

请点击下面按钮,通过jquery ajax改变这段文本内容

发送load请求

#说明:

给button1添加点击动作在id为test上执行load方法。当点击按钮时，页面不刷新的情况下自动加载1.txt的内容到当前页面。并会获取其文本的内容data。和加载成功失败的状态status。当状态为success时将其内容改为文本里面的内容。如果失败那么重新给定一个字符串load加载失败。

urls.py与views.py

在static/app2/创建一个文本文件1.txt 写入内容:load()相当于加载服务器本地资源内容。将其实现在页面中。

启动服务测试：

---------------------------------------------------------------------------------------------------------------------------------------------------------

Ajax get方法测试

项目:{{ name }}

请点击下面按钮,通过jquery ajax改变这段文本内容

发送load请求

发送get请求

views视图添加

def ajax(request):

import json

content={

'name':'ajax',

'status':'success',

'mesg':'服务器返回的数据',

}

return HttpResponse(json.dumps(content))

#解释给button2添加点击动作在id为test上执行get方法。当点击按钮时,当前页面不刷新的情况下向其/app2/ajax页面发起get请求, function(data,status) data表示后端服返回的数据相当于views.py中的content中的所有的json数据。status指的是后端返回数据中status的值(status是后端服务器定义的. 上面的load方法是函数本身定义的).JSON.parse(data).mesg 将后端返回的json数据解析展开以字典的方式获取mesg的值。如果成功将其赋值给#test标签。如果失败。就提赋值get方法失败。

Ajax post方法测试

项目:{{ name }}

请点击下面按钮,通过jquery ajax改变这段文本内容

发送load请求

发送get请求

发送post请求

#注意:post提交表单如果使用了jquery方式，需要在其表单元素内部添加csrf_token标签。由于使用了jquery方式所以这里使用官方的代码解决。

post方法和get方法解释类似。这里不再赘述

使用原始的ajax的post方法:

文章来源: www.oschina.net，作者：平头哥-Enjoystudy，版权归原作者所有，如需转载，请联系作者。

原文链接：https://my.oschina.net/wangyunlong/blog/3112252