今はformで受け付けたURLを引数に、処理をした結果をresultクラスに返しているのですが、送信ボタンを押せば押すだけ、結果が追加されて表示されます。HTMLの知識が全くないのですが、resetとかでやるのでしょうか?
Djangoで動的に変化した結果を削除?
一回だけ表示?表示の切り替え?
どう表現していいのかわからないのですが、よろしくお願いします。
HTML
1<div class="result"></div>
HTML
1<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 2 <script> 3 function getCookie(name) { 4 var cookieValue = null; 5 if (document.cookie && document.cookie !== '') { 6 var cookies = document.cookie.split(';'); 7 for (var i = 0; i < cookies.length; i++) { 8 var cookie = jQuery.trim(cookies[i]); 9 // Does this cookie string begin with the name we want? 10 if (cookie.substring(0, name.length + 1) === (name + '=')) { 11 cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); 12 break; 13 } 14 } 15 } 16 return cookieValue; 17 } 18 19 var csrftoken = getCookie('csrftoken'); 20 21 function csrfSafeMethod(method) { 22 // these HTTP methods do not require CSRF protection 23 return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method)); 24 } 25 26 $.ajaxSetup({ 27 beforeSend: function (xhr, settings) { 28 if (!csrfSafeMethod(settings.type) && !this.crossDomain) { 29 xhr.setRequestHeader("X-CSRFToken", csrftoken); 30 } 31 } 32 }); 33 34 /* Ajax Magic */ 35 36 $('#ajax-number').on('submit', function(e) { 37 e.preventDefault(); 38 39 $.ajax({ 40 'url': '{% url "blog:ajax_number" %}', 41 'type': 'POST', 42 'data': { 43 'url': $('#url').val(), 44 }, 45 'dataType': 'json' 46 }) 47 .done(function(response){ 48 $('.result').prepend(response.res); 49 }); 50 }); 51 </script>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。