DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> Django框架利用ajax實現批量導入數據功能
Django框架利用ajax實現批量導入數據功能
編輯:AJAX基礎知識     

本文實例為大家分享了網頁中利用ajax實現批量導入數據功能的實現方法,供大家參考,具體內容如下

url.py代碼:復制代碼 代碼如下:url(r'^workimport/$', 'keywork.views.import_keywork', name='import_keywork')
view.py代碼:

from keywork.models import DevData
from django.http import JsonResponse #django ajax部分

def import_keywork(request):
 file_sjdr = request.POST['file_keywork']
 f = open(file_sjdr)
 WorkList = []
 next(f) #將文件標記移到下一行
 x = y = 0
 for line in f:
  parts = line.replace('"','') #將字典中的"替換空
  parts = parts.split(',') #按;對字符串進行切片
  if DevData.objects.filter(serv_id = parts[0],user_flag=parts[15]).exists():
   x = x + 1
  else:
   y = y + 1
   WorkList.append(DevData(serv_id=parts[0], serv_state_name=parts[1], acc_nbr=parts[2], user_name=parts[3], acct_code=parts[4], product_id=parts[5],
       mkt_chnl_name=parts[6], mkt_chnl_id=parts[7],mkt_region_name=parts[8], mkt_region_id=parts[9],mkt_grid_name=parts[10],
       sale_man=parts[11],sale_outlets_cd1_name=parts[12], completed_time=parts[13],remove_data=parts[14], user_flag=parts[15],
       pro_flag=parts[16], service_offer_id=parts[17],service_offer_name=parts[18], finish_time=parts[19],staff_name=parts[20],
       staff_code=parts[21],org_name=parts[22],prod_offer_name=parts[23],day_id=parts[24],
       ))
 f.close() 
 DevData.objects.bulk_create(WorkList)
 num = {'success':str(y) ,'fail':str(x) , 'sum':str(x+y)}
 return JsonResponse(num)

此部分代碼參考上一片文章 (Django批量導入不重復數據)

模板中代碼:

$('#btn_sjdr').click(function(){
   $.post("{% url 'import_keywork' %}",
     {
       csrfmiddlewaretoken:"{{ csrf_token }}",
      file_keywork:$("#file_keywork").val(),
     },
     function(data,status) { 
      $("#test1").html(status+"重復數據"+data['fail']+"條,成功導入數據"+data['success']+"條");   
     }           
   )
  });  


<form>
     {% csrf_token %}
     <label><i class="icon-file"></i> 請選擇需要被導入的文件</label>
     <input id="file_keywork" type="file"/>
     <input type="button" id="btn_sjdr" value="導入" class="btn btn-primary btn-sm"/>
    </form>
    <div id="test1"></div>
   </div>

表單采用post+ajax,注意django中使用post方法提交表單要滿足兩個條件:

在form加入{% csrf_token %},在jquery代碼中加入csrfmiddlewaretoken:"{{ csrf_token }}",即可!

以上就是本文的全部內容,希望對大家的學習有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved