Question

已经有一些问题，但尚未找到答案。

我有一个页面，这个POST（通过jquery post（））一个文本var到几个页面（在同一个域内，所以没有x-post域问题），这些POST返回完全形成的html页面与不同的CSS与每个页面关联的信息。我想在单独的iframe中查看这些页面，而不对返回的内容进行任何修改。

整个页面似乎被替换了（虽然我只想替换Iframe中的内容） - 我说“似乎”因为原始输入框消失了，而视图源给我原始来源，并且不是我在页面上看到的。我只是想替换iframe内容。
我得到的页面没有任何我期望的css或格式。同样，当我查看源代码时，它会向我提供最初加载的源代码，而不是在jquery操作发生后发生的事情。

这是我到目前为止所做的事情（我只是为了调试目的而张贴到一页）：

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <form action="/" id="searchForm">
    {% csrf_token %}
   <input type="text" name="word" placeholder="Search..." />
   <input type="submit" value="Search" />
  </form>
</head>

<body>
<iframe id="sakhr" src=""></iframe>

<script>
  /* attach a submit handler to the form */
  $("#searchForm").submit(function(event) {

    /* stop form from submitting normally */
    event.preventDefault(); 

    /* get some values from elements on the page: */
    var $form = $( this ),
        term = $form.find( 'input[name="word"]' ).val(),
        url = $form.attr( 'action' );
        url = "/processinput";
    /* Send the data using post and put the results in the iframe */
  $("#sakhr").load(url, { word: term }, function(){
  alert("The iframe should have changed by now.");
  });

  });
</script>
</body>
</html>

我是jquery的新手，但我不确定我是否遗漏了iframe行为的明显内容。

替换iframe内容

0 个答案: