django 前后台交互

最新推荐文章于 2023-04-12 23:02:18 发布

scan724

最新推荐文章于 2023-04-12 23:02:18 发布

阅读量658

点赞数 1

文章标签： html 前端 java

本文链接：https://blog.csdn.net/zhaoyangjian724/article/details/129799607

版权

[root@centos6 cmdb]# cat index.html
<head>
<title>运维平台</title>

</head>
<body>
<include file="Public:header"/>
<div class="content">
<include file="Public:menu"/>
<div class="con fl">
<label class="condition">系统</label><input type="text" name="systag" class="systag_sz">
<label class="condition">用户</label><input type="text" name="username" class="username_sz">
<input type="submit" value="查询" class="serach_sz">
</div>
<table class="gridtable fr">
<th>系统</th><th>用户</th>
</table>
</div>
</body>
<script type="text/javascript" src="/static/js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="/static/js/cmdb/cmdb.js"></script>
<script type="text/javascript" src="/static/js/ajax.js"></script>

$(function(){
var _systag = $(".systag_sz").val();
var _username = $(".username_sz").val();
var _sub_btn = $(".serach_sz");
_sub_btn.on("click",function(){
       var data = {};
       data.systag = _systag;
       data.username=_username;
console.log(data);

       var successfn = function(jdata){
var jdata = eval(jdata);
$(".gridtable").empty();
var _HTML="<tr><th>系统 </th><th>用户</th></tr>"
$.each(jdata,function(i,val){
_HTML=_HTML+"<tr><td>"+jdata[i][0]+"</td><td>"+jdata[i][1]+"</td></tr>";
});
$(".gridtable").html(_HTML);
       };
       var errorfn = function(jdata){
           alert("鏁版嵁杩斿洖鍑洪敊");
       };
       $.ajax({
type: "post",
data: data,
url: "/cmdb/add/",
dataType: "json",
success: function(d){
successfn(d);
},
error: function(e){
errorfn(e);
}
});
   });

   }
)

def cmdb_add(req):
print dir(req)
concat = req.POST
postBody = req.body
print concat
print postBody
arr=(('aaa','admin'),('bbb','user'))
return HttpResponse(json.dumps(arr), content_type="application/json")