前台通过form表单向Django后台传输数据,Django处理后返回给前台
摘要:Django前后台数据传递
通过action将数据传输给apitest这个地址,使用get方法传递,此处需要传递name="request_method"的下拉列表值和name="api_url"的输入框的值,
注意这里用name属性,向Django后台传递时需要用name的值作为键取对应的值
<!-- 这里的action的值一定要/开头,否则报错 -->
<form action="/apitest" method="get">
{# <label class="qwew">请求方法:</label>#}
<div class="api-form" align="center" >
<select class="api-method" name="request_method" >
<option>GET</option>
<option>POST</option>response
</select>
<input id="url-input" name="api_url" class="form-control" type="text" placeholder="输入接口完整地址" value=""/>
<input id="send-button" type="submit" value="发送请求" />
</div>
</form>
这个地址在路由中又对应了apitest这个视图去处理数据,这两处名称一样仅仅是巧合
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^index/', views.index),
url(r'^404/', views.notfound),
url(r'^form_builder/', views.form_builder),
url(r'^base/', views.base),
url(r'^layouts/', views.layouts),
url(r'^showcase/', views.showcase),
url(r'^API_MASTER/', views.API_MASTER),
url(r'^apitest/', views.apitest),
]
然后看视图函数怎么接收数据
get方法:
request_method = request.GET['request_method'] api_url = request.GET['api_url']
注意:request_method和api_url对应前台的name属性值
post方法:
request_method = request.POST['request_method']
api_url = request.POST['api_url']
def apitest(request):
request_method = request.GET['request_method']
api_url = request.GET['api_url']
print request_method
print api_url
r = requests.get(api_url)
print r.content
return render(request, 'showcase/API_MASTER.html',{'response': r.content})
处理完成后需要将数据{'response': r.content}传递到前台
使用 {{变量}} 方式获取数据
<textarea id="response-body">{{ response }}</textarea>
前台通过form表单向Django后台传输数据,Django处理后返回给前台的更多相关文章
- Diango之通过form表单向服务端发送数据
通过form表单向服务端发送数据 表单元素 表单:form></form>表单用于向服务器传输数据.另外一种向服务端传输数据的方式为ajax. form属性: action:提交表单 ...
- 在IOS设备上POST提交form表单,后台接收不到值怎么办?
原文:https://blog.csdn.net/xhaimail/article/details/90440029 最近在工作上遇到一个奇葩问题,在Android和Windows平台上做请求时参数都 ...
- disabled属性对form表单向后台传值的影响
在form表单里,如果对input加入disabled="disabled"或disabled="true"等属性,form表单提交的时候,就不会传值到后台. ...
- ajax请求也可以用form表单向后台提交数据!!!!
激动的我简直语无伦次,不说了上代码,用ajax实现form表单数据的请求,啦啦啦啦 html: <form> <input name="userName" val ...
- form表单与后台请求的关系
开发中遇到一个问题,说这个问题前先看一下代码 后台方面, get请求: post请求: 前端方面: 问题是:当我点击提交表单后,页面会跳转成这样: 经过多番测试,原因竟是form表单的提交问题,如果用 ...
- 如何通过submit提交form表单获取后台传来的返回值
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/qq_34651764/article/details/76373846 小伙伴是不是遇到过这样的问题 ...
- 借助form表单向web服务器发送消息
form表单是常用的,在网页浏览器中 用户点击的请求经htto协议发送回web容器,请求处理 建立用户的页面 <!DOCTYPE html> <html> <head&g ...
- Request.getparameternames 获取form表单里面所有的请求参数 。 返回一个Enumeration类型的枚举.
通过Enumeration的hasMoreElements()方法遍历.再由nextElement()方法获得枚举的值.此时的值是form表单中所有控件的name属性的值. 最后通过request.g ...
- 后台以json数据形式返回之后前台接受的方法以及之后的解析总结
1.前台AJAX请求,后台以对象转JSON形式返回: 后台代码: @RequestMapping(value = "/queryDist", method = RequestMet ...
随机推荐
- IIS7.5 URL文件名有加号或空格显示404错误的解决办法
转:http://www.gyd.cc/zhuanti/tech/9319.html 将服务器由windows2003升级到windows2008后,某个网站的图片突然不能显示,显示404错误, 后来 ...
- leetcode572
/** * Definition for a binary tree node. * public class TreeNode { * public int val; * public TreeNo ...
- Javascript中prototype属性详解 (存)
Javascript中prototype属性详解 在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例.但是在Javascript语言体系中,是不 ...
- cas-client单点登录客户端拦截请求和忽略/排除不需要拦截的请求URL的问题
http://blog.csdn.net/eguid_1/article/details/73611781
- WCF配置多个终节点
配置多个终节点的意义(自己理解):一个服务可以有多个终节点,网上也经常有人说终节点才是服务的真正的接口,的确如此,当我们为一个服务配置多个终节点时,就表明这个服务可以被以不同的方式访问(不同的绑定等等 ...
- go_条件和循环
package main import ( "io/ioutil" "fmt") func grade(score int) string{ g:=" ...
- Composer切换到Laravel-China 镜像
全局 composer config -g repo.packagist composer https://packagist.laravel-china.org 该项目 composer confi ...
- vue和bootstrap的select控件貌似有冲突?
貌似vue和bootstrap的select控件会冲突,因为bootstrap的select控件会将option替换为<a>标签,这样就会导致vue渲染失败.(这个问题让我整了一个上午,最 ...
- SSM项目与Shiro项目的整合(单体式项目)
1.项目的包结构: 2.jar包,配置文件及工具类 2.1pom.xml的配置 <?xml version="1.0" encoding="UTF-8"? ...
- Centos7 安装Nginx服务
第一种方式:通过yum安装 直接通过 yum install nginx 肯定是不行的,因为yum没有nginx,所以首先把 nginx 的源加入 yum 中. 运行下面的命令: 1.将nginx放到 ...