Django framework uses ajax to implement batch import data function-JS Tutorial-php.cn

Django framework uses ajax to implement batch import data function

亚连

Release： 2018-05-24 10:44:06

Original

1738 people have browsed it

This article mainly introduces the relevant information about the Django framework using ajax to implement the batch import data function. Friends in need can refer to it

The example of this article shares with you the use of ajax to implement the batch data import function in the web page. The implementation method is for your reference. The specific content is as follows

url.py code:

url(r&#39;^workimport/$&#39;, &#39;keywork.views.import_keywork&#39;, name=&#39;import_keywork&#39;)

Copy after login

view.py code:

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

def import_keywork(request):
 file_sjdr = request.POST[&#39;file_keywork&#39;]
 f = open(file_sjdr)
 WorkList = []
 next(f) #将文件标记移到下一行
 x = y = 0
 for line in f:
  parts = line.replace(&#39;"&#39;,&#39;&#39;) #将字典中的"替换空
  parts = parts.split(&#39;,&#39;) #按;对字符串进行切片
  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 = {&#39;success&#39;:str(y) ,&#39;fail&#39;:str(x) , &#39;sum&#39;:str(x+y)}
 return JsonResponse(num)

Copy after login

Code in the template:

$(&#39;#btn_sjdr&#39;).click(function(){
   $.post("{% url &#39;import_keywork&#39; %}",
     {
       csrfmiddlewaretoken:"{{ csrf_token }}",
      file_keywork:$("#file_keywork").val(),
     },
     function(data,status) { 
      $("#test1").html(status+"重复数据"+data[&#39;fail&#39;]+"条,成功导入数据"+data[&#39;success&#39;]+"条");   
     }           
   )
  });  


<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>
    <p id="test1"></p>
   </p>

Copy after login

The form uses post ajax. Note that using the post method to submit the form in Django must meet two conditions:

Add {% csrf_token in the form %}, add csrfmiddlewaretoken: "{{ csrf_token }}" in the jquery code, that's it!

The above is what I compiled for everyone, I hope it will be helpful to everyone in the future.

AJAX request queue implementation

##Summary of several methods of using ajax to submit forms asynchronously

How to solve the problem of arrays in AJAX requests

The above is the detailed content of Django framework uses ajax to implement batch import data function. For more information, please follow other related articles on the PHP Chinese website!