通过jQuery将url发送到iframe

时间:2011-09-18 20:06:30

标签: jquery iframe

我想使用ajax调用将URL发送到iframe,但我不确定这是否可行。

这是我到目前为止所拥有的:

<script>
$(document).ready(function() {
  $('.clickme').click(function() {
      var id = $(this).attr(id);
      // Need to send the URL below to the iframe
      // http://www.example.com/?list_id=id    
  });
});
</script>

<iframe name="get_data"></iframe>

<div class="clickme" id="3453">Click Here</div>

有什么建议吗?

4 个答案:

答案 0 :(得分:2)

$("iframe[name='get_data']").prop("src", "http://www.example.com/?list_id=" + id);

答案 1 :(得分:1)

$(document).ready(function() {
  $('.clickme').click(function() {
      var id = $(this).attr(id);
      $('iframe[name="get_data"]').attr('src', 'http://www.example.com/?list_id=' + id);

  });
});

如果您使用jquery 1.6或更高版本使用prop(如Andrew Whitaker所述)

$("iframe[name='get_data']").prop("src", "http://www.example.com/?list_id=" + id);

答案 2 :(得分:0)

$('iframe').attr('src', url);

你可能想要一个更好的选择器。

答案 3 :(得分:0)

您应该能够处理iframe并设置其src属性:

$('iframe[name="get_data"]').attr('src', 'http://www.example.com/?list_id=' + id);