如何在ColdFusion中用AJAX替换iframe

时间:2017-08-11 09:11:41

标签: javascript jquery ajax iframe coldfusion

我正在使用ColdFusion代码,在我的代码中,我的代码使用ColdFusion构建在一个表中,我在其中设置一个变量并创建一个查询,然后我在iframe中传递该变量而我正在打开我的通过iframe在我的questionbuilder.cfm页面中调用了另一个名为question.cfm的页面。如何使用AJAX替换我的代码并执行此操作,因为我必须删除iframe并使用AJAX和Bootstrap?

<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 个答案:

答案 0 :(得分: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>