Question

我试图在烧瓶网站的index.html页面上使用ajax来复制/附加上面表单下方的小表单。就像你看到＆＃39; +＆＃39;在表单字段旁边签名，你可以点击它，另一个表单字段会出现在它下面，如果你一直点击，我会一次又一次地做，但我想做同样的事情但是只有一个完整的表单而不仅仅是一个表单字段。

我搜索了网络并使用了我遇到的各种代码，包括stackoverflow，但无法使其工作。我必须指出我是一名新手python程序员和javascript ignoramus，但多年来一直是网页设计师。

这是我使用的html（还没有工作表单，我只需要能够复制html）：

    <div id="container">
<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="title">Title</label>  
  <div class="col-md-8">
  <input id="title" name="title" placeholder="placeholder" class="form-control input-md" type="text">

  </div>
</div>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="text1">Text 1</label>  
  <div class="col-md-8">
  <input id="text1" name="text1" placeholder="placeholder" class="form-control input-md" type="text">

  </div>
</div>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="text2">Text 2</label>  
  <div class="col-md-8">
  <input id="text2" name="text2" placeholder="placeholder" class="form-control input-md" type="text">

  </div>
</div>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="url">URL</label>  
  <div class="col-md-8">
  <input id="url" name="url" placeholder="placeholder" class="form-control input-md" type="text">

  </div>
</div>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="otherurl">Other URL</label>  
  <div class="col-md-8">
  <input id="otherurl" name="otherurl" placeholder="placeholder" class="form-control input-md" type="text">

  </div>
</div>
<div style="clear:both;"></div>
</div>
<div id="appendToThis"></div>
<button id="btn1">Append text</button>

这是我遇到的javascript / ajax并试图自定义：

<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $("#btn1").click(function () {
        $.get("external_file.html", function (data) {
            $("#appendToThis").append(data);
        });
    });
</script>

我不确定问题是否是烧瓶中包含我想要重复的表单代码的外部html文件的路径，或者它是否是其他内容。任何帮助将不胜感激。

使用ajax在python Flask

0 个答案: