使用get in javascript將數據發送到iframe

Question

我在html中創建一個按鈕

<input type="button"  value="Simulate" class="submit_btn"  id="stimulate" />

並使用jquery onclick事件並創建iframe，我想將lat，long和title發送到iframe並創建動態地圖，但是我發送10％的折扣作為副標題，出現以下錯誤

GET http://domain name/name of controller/name of function/57.643821505750964/12.180534033203116//get%2010%%20discount 400 (Bad Request)



$("#stimulate").click(function() {
var ad_lng = document.getElementById("longclicked").value;
var ad_subtitle = document.getElementById("ad_subtitle").value;
var ad_lat = document.getElementById("latclicked").value;

$('#iframeHolder').html('<iframe id="iframe" src="<?php echo base_url(); ?>index.php/admin/frame_stimulator/'+ad_lat+'/'+ad_lng+'/'+ad_subtitle+'" width="700" height="550" scrolling="no"  frameborder="0"></iframe>');
}

如何將數據發送到iframe。 我不想使用表格並通過發布方法發送數據..不使用表格我可以將數據發布到iframe

Answer 1

在查詢字符串中傳遞它們：

var ad_lng = encodeURIComponent( document.getElementById("longclicked").value );
var ad_subtitle = encodeURIComponent( document.getElementById("ad_subtitle").value );
var ad_lat = encodeURIComponent( document.getElementById("latclicked").value );

$('#iframeHolder').html('<iframe id="iframe" src="<?php echo base_url(); ?>index.php/admin/frame_stimulator?ad_lat='+ad_lat+'&ad_lng='+ad_lng+'&ad_subtitle='+ad_subtitle+'" width="700" height="550" scrolling="no"  frameborder="0"></iframe>');

在codeigniter代碼中，您將檢索它們：

$lat = $this->input->get("ad_lat");
$lng = $this->input->get("ad_lng");
$subtitle = $this->input->get("ad_subtitle");

Answer 2

您可以從父/容器頁面的iframe中調用javascript函數。 因此，如果您在iframe頁面中編寫一個以數據為參數的函數的腳本，則可以從包含iframe的主頁中調用它。

檢查一下： 從父頁面在iframe中調用JavaScript代碼