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的使用方法
显示如下:
当点击提交按钮时,就执行ajax,把获取的nickname传递到/nickname url中。
从这里可以看到/nickname URL是views文件中的nickname函数
nickname函数 当时POST的时候,获取nickname值,然后为了方便显示就直接使用return HttpResponse(nickname) 直接展示出来nickname值
在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值
相关文章推荐
- POST与GET方法的区别简要分析
- C#使用post发送和接收数据的方法
- PHP响应post请求上传文件的方法
- VB使用XMLHTTP实现Post与Get的方法
- 分享下GET和POST的真正区别
- php采用ajax数据提交post与post常见方法总结
- ajax 的post方法实例(带循环)
- C#实现的三种模拟自动登录和提交POST信息的方法
- ASP.Net Post方式获取数据流的一种简单写法
- C#中在WebClient中使用post发送数据实现方法
- ASP.NET的HtmlForm控件学习及Post与Get的区别概述
- asp教程中get post提交表单有5点区别
- asp.net 从POST的数据流中提取参数和文件
- 区分ASP.NET中get方法和post方法
- php下通过POST还是GET来传值
- jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
- JS使用post提交的两种方式
- ajax请求get与post的区别总结
- ajax post方式表单提交setRequestHeader报错解决方法