{％csrf_token％}作为js文件django中的文本打印

问题描述

{% csrf_token %}作为Django中js文件的文本打印，如果在script标签中使用该代码，则代码可以正常工作，但是当我尝试从外部js文件中使用代码时，则无法工作

HTML

<div class="build">BUILD  YOUR  RESUME</div>
<div class="Box container" id="Box2">
    <div class="skillBox">
        <div class="workquestion">
            How Many work Exprience you wanted <br> to add in your resume ?
        </div>
        <div class="row" id="butt">
          <div class="form-group col-md-2">
              <button type="button" class="btn btn-success" onclick="updateform(1)" id="butt1">1</button>
          </div>
          <div class="form-group col-md-2">
              <button type="button" class="btn btn-success" onclick="updateform(2)" id="butt2">2</button>
          </div>
          <div class="form-group col-md-2">
              <button type="button" class="btn btn-success" onclick="updateform(3)" id="butt3">3</button>
          </div>
          <div class="form-group col-md-2">
              <button type="button" class="btn btn-success" onclick="updateform(4)" id="butt4">4</button>
          </div>
          <div class="form-group col-md-2">
            <button type="button" class="btn btn-success" onclick="updateform(5)" id="butt5">5</button>
        </div>
        <div class="workquestion" style="color: red;">
            Maximum
        </div>
        </div>
        <div class="row" >
            <div class="form-group col-md-2">
                <button type="button" class="btn btn-success" onclick="updateform(6)" id="butt6">6</button>
            </div>
            <div class="form-group col-md-2">
                <button type="button" class="btn btn-success" onclick="updateform(7)" id="butt7">7</button>
            </div>
            <div class="form-group col-md-2">
                <button type="button" class="btn btn-success" onclick="updateform(8)" id="butt8">8</button>
            </div>
            <div class="form-group col-md-2">
                <button type="button" class="btn btn-success" onclick="updateform(9)" id="butt9">9</button>
            </div>
            <div class="form-group col-md-2">
              <button type="button" class="btn btn-success" onclick="updateform(10)" id="butt10">10</button>
          </div>
          <div class="workquestion" style="color: red;">
            10 Skills
        </div>
          </div>
</div>

脚本

<script src='{% static "js/skill.js" %}'>
     </script>

skill.js

function updateform(n){
    var temp=`<div class="heading">
  <h2 class="head">Tell us about your Skills</h2>
<form method="POST" action="/skill">{% csrf_token %}`
for(var i=1;i<=n;i++){
    temp=temp+`<div class="form-row">
        <div class="form-group col-md-3">
      </div>
      <div class="form-group col-md-6">
        <label for="inputEmail4">Skill ${i}</label>
        <input type="text" class="form-control" id="skill${i}" name="skill${i}" placeholder="Skill" required>
      </div>
    </div>`
}
temp=temp+`<button id='b1' type="submit" class="btn btn-primary nextbtn">Next</button>
  </form>
</div>`
document.getElementById('Box2').innerHTML=temp
}

解决方法

您是否将Django中的JS文件作为模板处理？

您将需要引用一个Django URL，而不是直接在脚本中的指定位置引用资源，而该Django URL将文件作为模板处理，然后返回处理后的内容（源文本）。 ..）给你。