ajax 前端发含有列表的数据

在前端页面也可以给后端发送一个包含列表的数据

html

<body>
<h3>index页面 </h3>

<input type="text" name="cal_1">+
<input type="text" name="cal_2">=
<input type="text" name="cal_3">
<button id="b2">计算</button>
<br>
<button id="b3">测试的数据</button>

<script src="/static/js/jquery.js"></script>

<script>

   $("#b3").click(function () {
        $.ajax({
            url: "/ajax_test/", //往这个地址发
            type: "post",
            data: {
                name: "alex",
                age: "33",
                hobby: JSON.stringify(["抽烟", "喝酒", "烫头"])//传多个值的时,用json字符串
            },
            success: function (res) {
                $("[name=‘cal_3‘]").val(res)

            },
        })
    })

</script>

是前端发送的数据中为什么没有csrftoken呢???

views视图部分

def ajax_test(request):
    print(request.POST)
    print(request.POST.get("name"))
    print(request.POST.get("age"))

    hobby=request.POST.get("hobby")
    print(json.loads(hobby))# 把接受的json字符串反序列化

    return HttpResponse("ajax test")

原文地址:https://www.cnblogs.com/kenD/p/10125989.html

时间: 2024-11-12 18:00:56

ajax 前端发含有列表的数据的相关文章

前端ajax用post方式提交json数据给后端时,网络报错 415

项目框架:spring+springmvc+mybatis 问题描述:前端ajax用post方式提交json数据给后端时,网络报错 415 前端异常信息:Failed to load resource: the server responded with a status of 415 (Unsupported Media Type) 后端异常信息:无 报错原因:缺少jackson包 类似问题注意点: springmvc添加配置.注解: pom.xml添加jackson包引用: Ajax请求时没

通过PHP前端后台交互/通过ajax前端后台交互/php基础传输数据应用/简单的留言版/简单的注册账户/简单的登录页/

  前  言  PHP     通过上一篇博客,注册账号与登录页面--前后台数据交互  跳转转到index主页,接下来进入主页留言板功能,通过ajax向后台传输数据,同时发表留言. 具体的内容分析如下: ① PHP中的数据传输-->>--在主页先添加基础HTML5基本框架,通过form表单提交数据 >>由主页传输给主页后台-->>主页后台经过转码保存实例化的文件 ②主页后台通过判断(是否保存文件)使用输出语句输出true或false,前台通过ajax中的post中的fu

jquery ajax请求成功,返回了数据,但是不进success的问题 【转】

这几天一直被 ajax请求成功,返回了数据,但是不进success的问题困扰着,怎么弄就是解决不了,总以为 是:$(document).ready(function(){});没起作用,一直找页面加载的方法来试,整了好几天没整出来....今天比较幸运, 在网上找到了一篇关于这方面问题的文章,按上面的方法一试,果然ok了,哈哈哈,真是太高兴了....终于解决这个问题了. 这个问题的原因(来自http://www.myexception.cn/ajax/413061.html的拷贝内容): ----

项目总结[2]_svg+ajax+webservice+pSpace sdk实现实时数据的web展示

1.使用svg实现组态画面和动态数据展示 通过js的定时器调用webservice方法获取数据后更新节点数据 /// <summary>启动定时刷新</summary> function Start() { InitSvgElement(); this.timer = setInterval("GetTagValues()", 1000); } /// <summary>启动定时刷新</summary> function Stop() {

数据更新+加载列表+删除数据

此项目实例为springMVCDB 一.数据检索更新 分析:要实现的效果是在第一个页面文本框中输入一个数值,点击检索,然后在第二个页面的文本框中显示.然后在这个文本框中输入新数据,点击更新按钮,数据库中的文件及文本框中的数据被改写.需要注意的是此操作是检索的userid,而要更新的则是它对应的username的值. 功能实现思路: 先实现数据更新,即在控制中用searchUser的方法实例化一个存放结果集的bean.然后是进行数据改写,就是实例化一个update的方法,将结果给bean.并用一个

jquery序列化form表单使用ajax提交后处理返回的json数据

这篇文章主要介绍了jquery序列化form表单,使用ajax提交后处理返回的json数据的示例,需要的朋友可以参考下 1.返回json字符串: ** 将一个字符串输出到浏览器 */    protected void writeJson(String json) {        PrintWriter pw = null;        try {            servletResponse.setContentType("text/plain;charset=UTF-8"

通过在jquery中添加函数发送ajax请求来加载数据库数据,以json的格式发送到页面

通过在jquery中添加函数发送ajax请求来加载数据库数据,以json的格式发送到页面 从数据库中查询仓库信息,显示在下拉菜单中: 首先,引入js插件,这里使用jquery-1.8.3.js <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script> 当页面加载完成后,就应该发送ajax请求到数据库,

使用resultMap实现ibatis复合数据结构查询(1.多重属性查询;2.属性中含有列表查询)

以订单为例(订单详情包括了订单的基本信息,配送物流信息,商品信息),直接上代码: 1.多重属性查询 java实体 public class OrderDetail { @XmlElement(required = true) protected String orderSn; @XmlElement(required = true) protected String orderAmount; @XmlElement(required = true) protected String orderS

jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表

对于问题从后台获取json数据,将内容填充到下拉列表,代码非常简单,具体过程请看下面代码. 需求:url:链接     par:ID       sel:下拉列表选择器 function BuildSelectBox(url, par, sel) {  $(sel).empty();  $.getJSON(url, { id: par }, function (json, textStatus) {   for (var i = json.length - 1; i >= 0; i--) {