zoukankan      html  css  js  c++  java
  • ajax请求生成表单

    前端HTML:
    
    	<div id="condition">
    				<label class="condition">条件</label><input type="text" name="condition" class="equipment_sz">
    				<input type="submit" value="IP查找" class="equipment_search_btn es_1">
    
    
    
    ajax请求:
    
    node2:/django/mysite/static/Js/Equipment#cat index.js 
    $(function(){
    	
    	var _ip_bt = $(".content .con #condition .es_1");
    	var _env_bt = $(".content .con #condition .es_2");
    	
    	_ip_bt.on('click',function(){
    		var _condition = $(".equipment_sz").val();
    		var data={};
    		data.condition=_condition;
    		 var successfn = function(jdata){
                         console.log(jdata);
                         console.log(jdata[0]);
                         $(".gridtable").empty();
    					 var _HTML="<tr><th>IP </th><th>Info</th><th>ENV</th></tr>"+"<tr><td>"+jdata[0]+"</td><td>"+jdata[1]+"</td><td>"+jdata[2]+"</td></tr>";
    					
    					 $(".gridtable").html(_HTML);
                     };
    		var errorfn = function(){
                        alert("数据获取出错");
                    };
    		$.ax(
                    "/api/search_ip/",
                    data,
                    successfn, 
                    errorfn
            );
    	});
    
    
    
    接口:
    
    def search_ip(req):
         print req.get_full_path()
         print req.POST['condition']
         ip=req.POST['condition']
         conn= MySQLdb.connect(
         host='192.168.137.3',
         port = 3306,
         user='root',
         passwd='1234567',
         db ='DEVOPS'
         )
         cur = conn.cursor()
         a = cur.execute("select ip,info,env from machine_info  where ip=%s ",[ip])
         info = cur.fetchone()
         print info
         print type(info)
         return HttpResponse(json.dumps(info), content_type="application/json")

  • 相关阅读:
    超大文件上传-如何上传文件-大文件上传
    局域网 前端大文件上传
    B/S 前端大文件上传
    PHP 前端大文件上传
    .NET 前端大文件上传
    C#.NET 前端大文件上传
    ASP.NET 前端大文件上传
    SpringBoot 前端大文件上传
    SpringMVC 前端大文件上传
    JAVA 前端大文件上传
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13349364.html
Copyright © 2011-2022 走看看