Ajax를 사용하여 일괄적으로 데이터를 가져오는 방법

이번에는 ajax로 데이터를 일괄 가져오는 방법과 ajax로 데이터 일괄 가져오기 시 주의사항에 대해 설명하겠습니다. 다음은 실제 사례입니다.

이 기사의 예는 참고용으로 웹 페이지에서 데이터 일괄 가져오기 기능을 구현하기 위해 ajax를 사용하는 구현 방법을 공유합니다.

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']+"条");   
     }           
   )
  });  
ff9c23ada1bcecdd1a0fb5d5a0f18437
     {% csrf_token %}
     2e1cf0710519d5598b1f0f14c36ba6744a70ab11cb3f9cc5680b32a240f0a02872ac96585ae54b6ae11f849d2649d9e6 请选择需要被导入的文件8c1ecd4bb896b2264e0711597d40766c
     b3f84f87d3c6874857fd110600f8fc53
     dceb1becf493d288d1722720122251ac
    f5a47148e367a6035fd7a2faa965022e
    db39dff8c01c205b23a9fa444ba37a7894b3e26ee717c64999d7867364b1b4a3
   94b3e26ee717c64999d7867364b1b4a3

양식은 post+ajax를 사용하여 제출합니다. Django의 양식은 두 가지 조건을 충족해야 합니다.

%} 형식에 {% csrf_token을 추가하고, jquery 코드에 csrfmiddlewaretoken: "{{ csrf_token }}"을 추가하면 끝입니다!

이 방법을 마스터하신 것 같습니다. 이 기사의 사례를 읽은 후 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

AJAX의 XMLHttpRequest 객체 사용에 대한 자세한 설명

ajax는 서버와 브라우저 간의 긴 연결을 어떻게 인식합니까

위 내용은 Ajax를 사용하여 일괄적으로 데이터를 가져오는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!