Django架構利用ajax實現大量匯入資料功能_AJAX相關

本文執行個體為大家分享了網頁中利用ajax實現大量匯入資料功能的實現方法，供大家參考，具體內容如下

url.py代碼:

複製代碼 代碼如下:

url(r'^workimport/$', 'keywork.views.import_keywork', name='import_keywork')

view.py代碼:

from keywork.models import DevDatafrom 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 }}",即可!

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