2017-08-11 34 views
0

用AJAX取代的iframe我使用ColdFusion代碼,並在我的代碼,我的代碼是使用ColdFusion,我在哪裏設置變量,並創建一個查詢建立一個表裏面,然後我傳遞變量在iframe中,我打開我的另一個頁面,通過iframe在我的questionbuilder.cfm頁面中調用question.cfm。我如何取代我的代碼,並使用AJAX來做到這一點,因爲我必須刪除iframe並使用AJAX和Bootstrap?如何在ColdFusion中

<div class="greyborder mediumtext" style="height:expression(document.body.clientHeight-document.getElementById('topBar').scrollHeight-40)" id="divPaths"> 
    <cfset builderURL="#request.DomainProtocol##request.DomainURL##ChangeManagerHome#question.cfm?processid=#processid#&category=#category#" /> 
    <cfif isDefined("URL.pView")> 
    <cfset builderURL = builderURL & "&pView=#URL.pView#" /> 
    </cfif> 
    <cfif isDefined("mode") and (mode eq "Add" or mode eq "Edit")> 
    <cfset builderURL = builderURL & "&mode=#mode#" /> 
    </cfif> 
    <cfif isDefined("maxrows") and IsNumeric(maxrows) and maxrows gt 0> 
    <cfset builderURL = builderURL & "&maxrows=#maxrows#" /> 
    </cfif> 
    <cfif isDefined("pathID") and IsNumeric(pathID) and pathID gt 0> 
    <cfset builderURL = builderURL & "&pathID=#pathID#" /> 
    </cfif> 
    <cfif isDefined("qnID") and IsNumeric(qnID)> 
    <cfset builderURL = builderURL & "&qnID=#qnID#" /> 
    </cfif> 
    <cfif isDefined("pqn") and IsNumeric(pqn)> 
    <cfset builderURL = builderURL & "&pqn=#pqn#" /> 
    </cfif> 
    <cfif isDefined("topt") and IsNumeric(topt)> 
    <cfset builderURL = builderURL & "&topt=#topt#" /> 
    </cfif> 
    <cfoutput> 
    <iframe src="#builderURL#" name="ifrShowQuestionBuilder" id="ifrShowBuilder" width="100%" frameborder=0 height="100%"></iframe> 
    </cfoutput> 
</div> 
+1

編寫一個包含所有可以在iframe中運行的代碼的cfc。使用ajax調用該cfc和javascript的適當方法來對頁面內容進行任何必要的更改。 –

回答

0

我猜你正在尋找這樣的事情。
創建一個包含以下代碼的新CFM文件,請確保它在你的question.cfm文件的同一文件夾中,並對其進行測試。

<cfset builderURL="question.cfm?processid=1&category=2&etc=3..." /> 
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script> 
    $(document).ready(function() { 
     $('#manual_trigger').click(function(){ 
     $('#divPaths').load("<cfoutput>#builderURL#</cfoutput>"); 
     }); 
    }); 
    </script> 
</head> 
<body> 
    <button id="manual_trigger">load</button> <br><br> 
    <div id="divPaths"> </div> 
</body> 
</html>