您的位置:首页 > 编程语言 > Go语言

Django ajax post

2016-01-26 23:14 585 查看

在web项目中,ajax运用非常频繁,今天就给大家展示下Django ajax Post的使用方法 templates 模板 index.html htmlheader/headerbodypname: input type="text" name="nickname" //pinput class="name_submit" type="submit" value="Submit" /div class="name_

在web项目中,ajax运用非常频繁,今天就给大家展示下Django ajax Post的使用方法

templates 模板

index.html

<html>
<header></header>
<body>
<p>name: <input type="text" name="nickname" /></p>
<input class="name_submit" type="submit" value="Submit" />
<div class="name_value"></div>
</body>
<script src="http://opslinux.com/"/static/js/jquery.js"></script>
<script type="text/javascript">
$(".name_submit").click(function(){
var nickname = $("input[name="'nickname']").val();
$.ajax({
url:"/nickname",
type:"post",
data:{"nickname":nickname},
dataType:"json",
success:function(data){
$(".name_value").text("")
$(".name_value").append("名字为:"+data)
}
}); // Ajax End
});
</script>
</html>

显示如下:

当点击提交按钮时,就执行ajax,把获取的nickname传递到/nickname url中。

url

from django.conf.urls import patterns, include, url
from django.contrib import admin
from views import index,nickname
admin.autodiscover()
urlpatterns = patterns('',
# Examples:
url(r'^$', index),
url(r'^nickname$', nickname),
url(r'^admin/', include(admin.site.urls)),
)

从这里可以看到/nickname URL是views文件中的nickname函数

views

#coding=utf-8
from django.shortcuts import render, render_to_response
from django.http import HttpResponseRedirect, HttpResponse
from django.template import Template,Context
def index(request):
if request.method == 'GET':
return render_to_response("index.html")
def nickname(request):
if request.method == 'POST':   #当request为POST的时候
nickname = request.POST.get('nickname','')  #获取ajax POST的nickname值
return HttpResponse(nickname)  #为了方便显示,直接在浏览器显示nickname

nickname函数 当时POST的时候,获取nickname值,然后为了方便显示就直接使用return HttpResponse(nickname) 直接展示出来nickname值
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  django post