Ajaxを使用してデータをバッチでインポートする方法

今回は、ajaxでデータを一括インポートする方法と、ajaxでデータを一括インポートする際の注意事項を紹介します。以下は実際的なケースです。

この記事の例では、Ajax を使用して Web ページにデータの一括インポート機能を実装する実装方法を共有します。具体的な内容は次のとおりです

url.py コード:

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

view.py code:

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

フォームは post+ajax を使用して送信することに注意してください。 Django のフォームは 2 つの条件を満たす必要があります:

フォーム %} に {% csrf_token を追加する、csrfmiddlewaretoken: "{{ csrf_token }}" を jquery コードに追加する、これで完了です

このメソッドは習得できたと思います。この記事の事例を読んだ後は、PHP 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

AJAX の XMLHttpRequest オブジェクトの使用方法の詳細な説明

AJAX はサーバーとブラウザ間の長時間接続をどのように実現するのか

以上がAjaxを使用してデータをバッチでインポートする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。