Ajax例子,views返回,html接收数据
2023-09-11 14:18:56 时间
Ajax例子,views返回,html接收数据
views
from django.shortcuts import render,HttpResponse,render_to_response import json # Create your views here. def ajax(request): if request.method == 'POST': print request.POST ret = {'status':0, 'msg':'dsafasdf', 'data':[11,22,3,5,6,7,4], } return HttpResponse(json.dumps(ret)) else: return render_to_response('ajax.html')
ajax.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input id="na" type="text" /> <input type="button" value="ajax请求" /> <script type="text/javascript" src="/static/js/jquery-2.2.3.js"></script> <script type="text/javascript"> $(document).ready(function () { $("input[type='button']").click(function () { var temp = $("#na").val(); $.ajax({ url:'/app02/ajax/', type:'POST', data:{dat:temp}, success:function (arg) { //arg 是服务器端的返回值 var obj = jQuery.parseJSON(arg); //jQuery的parseJSON方法,注意大写 console.log(obj.status); console.log(obj.data); console.log(obj.msg); console.log('success'); $("#na").attr("id",obj.msg) }, error:function () { console.log('failed') } }) }) }) </script> </body> </html>
相关文章
- ExtJS学习笔记2:响应事件、使用AJAX载入数据
- asp.net mvc 使用ajax请求 控制器 (PartialViewResult)分部的action,得到一个分部视图(PartialView)的HTML,进行渲染
- html table表格导出excel的方法 html5 table导出Excel HTML用JS导出Excel的五种方法 html中table导出Excel 前端开发 将table内容导出到excel HTML table导出到Excel中的解决办法 js实现table导出Excel,保留table样式
- 优化 html 标签 为何能用HTML/CSS解决的问题就不要使用JS?
- $.ajax GET请求案例(Controller的另外一种写法)
- 【JavaScript】AJAX教程
- [Django学习]Ajax访问静态页面
- MVC扩展Filter,通过继承HandleErrorAttribute,使用log4net或ELMAH组件记录服务端500错误、HttpException、Ajax异常等
- 【黑马程序员pinik名师讲html】HTML很容易忘记?有它我不慌的
- Eclipse使用Maven ajax+artTemplate+json完成渲染的SpringBoot启动的Demo(HelloApp)
- 一款很不错的html转xml工具-Html Agility Pack
- MVC3学习:利用mvc3+ajax实现删除记录
- AJAX一篇全了解
- SpringBoot 2.3.0.RELEASE版本后自定义404页面,SpringBoot 404错误兼容Ajax请求
- Java过滤器处理Ajax请求,Java拦截器处理Ajax请求,java 判断请求是不是ajax请求
- 原生ajax---1
- 转ajax的jsonp的文章
- 十六、ajax上传图片 mvc
- html 页面 ajax 方法显示遮罩
- ajax请求时,请求路径自动拼上页面路径?
- ajax实现返回数据是html类型的跨域问题
- ajax动态更新下拉列表