Jquery Coldfusion保存变量而不转到其他页面

我试图写一个程序，基本上是一页，但有许多功能在这一页。我的问题是，如果变量总是在同一个页面上，如何保存变量以供使用。我尝试使用bootstrap解决一些弹出问题，但我不确定如何保存ColdFusion变量并返回同一页面

在本例中，它显示了始终处于打开状态的主页。单击“打印标签”时，会弹出一个引导问题，询问他们希望开始打印标签的号码。在coldfusion中接受时如何保存该变量

因为“接受”按钮确实会关闭引导程序，但我不会离开这个页面去另一个页面保存会话变量或任何东西。这个页面上的所有按钮基本上都会做类似的事情。就像单击“新建”按钮一样。那么，如何在不转到其他页面的情况下保存变量呢？我是否尝试通过保存变量来刷新页面？只是不确定，因为这一页永远不会转到另一页

我试过：

$(document).ready(function(){
    // What happens when a user hits the "Accept" button on the dealer form
    $(".label_accept").click(function(){
        $('#LabelMaker').modal('hide');

        var LabelNum =

            $.ajax({
                // the location of the CFC to run
                  url: "example_cf7_proxy.cfm"
                // send a GET HTTP operation
                , type: "get"
                // tell jQuery we're getting JSON back
                , dataType: "json"
                // send the data to the CFC
                , data: {
                    // send the ID entered by the user
                     LabelNum: $("#LabelNum").val()
                }
                // this gets the data returned on success
                , success: function (data){
                    // this uses the "jquery.field.min.js" library to easily populate your form with the data from the server
                    $("#dealerForm").formHash(data);
                }
                // this runs if an error
                , error: function (xhr, textStatus, errorThrown){
                    // show error
                    console.log(errorThrown);
                }
            });

    });

});

示例\u cf7\u proxy.cfm

<!---// this acts as a proxy to our CFC //--->
<cfinvoke
    component="example"
    method="#url.method#"
    argumentCollection="#url#"
    returnVariable="results"
        />

<!---// convert the results to JSON using the CFJSON component //--->
<cfset json = createObject("component", "cfjson") />

<cfcontent reset="true" /><cfoutput>#json.encode(results, false)#</cfoutput>

HTML

项目ID
数量
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
1.
吉尔
史密斯
50
前夕
杰克逊
94
吉尔
史密斯
50
前夕
杰克逊
94
吉尔
史密斯
50
前夕
杰克逊
94
今天5:00（10/1/15）到期
2015年2月10日5:00到期
打印标签
&时代；接近
标签制造商
请输入标签起始编号：
取消
接受
&时代；接近
新经销商
请输入经销商名称：
取消
接受

您可以使用javascript向ColdFusion页面发出AJAX请求，传递您想要保存的任何数据。它完全是在服务器端完成的。你可能想去读一些像《老兄》这样的东西，这种ajax的东西太难了，我一点也读不到run@Duncan有没有机会对我一直在做的ajax东西提供一些帮助？JSON数据包是什么样子的？它实际上显示了在文件名webapps/dealertracking/example_cf7_proxy.cfm？LabelNum=654564中输入的数字

$(document).ready(function(){
    // What happens when a user hits the "Accept" button on the dealer form
    $(".label_accept").click(function(){
        $('#LabelMaker').modal('hide');

    });

});

$(document).ready(function(){
    // What happens when a user hits the "Accept" button on the dealer form
    $(".dealer_accept").click(function(){
        $('#NewDealer').modal('hide');

    });

});

<form id="dealerForm">
    <div class="container">
        <div class="row">
            <div class="col-xs-6">
                <div class="row">
                    <div class="col-xs-8">
                        <label for="ItemID">ITEM ID</label>
                        <div class="input-group">
                            <input type="text" class="form-control" name="ItemID" id="ItemID"> <span class="input-group-btn">
                            <input class="btn btn-default" type="button" name="Search" id="Search" value="SEARCH"/>
                            </span>

                        </div>
                    </div>
                    <div class="col-xs-4">
                        <label for="Qty">QTY</label>
                        <select name="Qty" id="Qty" class="form-control">
                            <option value="1" selected>1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                            <option value="7">7</option>
                            <option value="8">8</option>
                            <option value="9">9</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="12">12</option>
                            <option value="13">13</option>
                            <option value="14">14</option>
                            <option value="15">15</option>
                            <option value="16">16</option>
                            <option value="17">17</option>
                            <option value="18">18</option>
                            <option value="19">19</option>
                            <option value="20">20</option>
                        </select>
                    </div>
                    <div class="col-xs-12">
                        <label for="Dealers"></label>
                        <div class="input-group">
                            <select name="Dealers" id="Dealers" class="form-control">
                                <option value="" selected></option>
                                <option value="1">1</option>
                            </select> <span class="input-group-btn">
                            <input class="btn btn-default" type="button"  name="New" value="NEW" data-toggle="modal" data-target="#NewDealer"/>
                            </span>

                        </div>
                    </div>
                    <div class="col-xs-12">
                        <label for="table"></label>
                        <table class="table table-hover">
                            <tr>
                                <td>Jill</td>
                                <td>Smith</td>
                                <td>50</td>
                            </tr>
                            <tr>
                                <td>Eve</td>
                                <td>Jackson</td>
                                <td>94</td>
                            </tr>
                            <tr>
                                <td>Jill</td>
                                <td>Smith</td>
                                <td>50</td>
                            </tr>
                            <tr>
                                <td>Eve</td>
                                <td>Jackson</td>
                                <td>94</td>
                            </tr>
                            <tr>
                                <td>Jill</td>
                                <td>Smith</td>
                                <td>50</td>
                            </tr>
                            <tr>
                                <td>Eve</td>
                                <td>Jackson</td>
                                <td>94</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-xs-6">
                <div class="row">
                    <div class="col-xs-12">
                        <label class="centered" for="DueToday">DUE TODAY @ 5:00 (10/1/15)</label>
                        <textarea class="form-control" rows="7"></textarea>
                    </div>
                    <div class="col-xs-12">
                        <label class="centered" for="DueToday">DUE 10/02/15 @ 5:00</label>
                        <textarea class="form-control" rows="7"></textarea>
                    </div>
                </div>
            </div>
            <div class="col-xs-12">
                <div class="row">
                    <div class="col-xs-12">
                    <label for="Buttons"></label>
                        <div class="btn-group btn-group-justified" role="group" aria-label="...">
                            <div class="btn-group" role="group">
                                <input class="btn btn-default" type="button" name="Report" value="REPORT">
                            </div>
                            <div class="btn-group" role="group">
                                <button type="button" class="btn btn-default" data-toggle="modal" data-target="#LabelMaker">PRINT LABELS</button>
                            </div>
                            <div class="btn-group" role="group">
                                <input class="btn btn-default" type="button" name="LogItIn" value="LOG IT IN">
                            </div>
                            <div class="btn-group" role="group">
                                <input class="btn btn-default" type="button" name="CompleteIt" value="COMPLETE IT">
                            </div>
                            <div class="btn-group" role="group" id="ExitBtn" style="display:none">
                                <input class="btn btn-default" type="button" name="Exit" id="Exit" value="EXIT">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<!-- Label Maker Modal -->
<div class="modal fade" id="LabelMaker" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Label Maker</h4>
      </div>
      <div class="modal-body">

        <div class="row">
            <div class="col-xs-12">
                <label for="LabelNum">Please enter label start number:</label>
                <div class="input-group">
                <input type="text" class="form-control" name="LabelNum" id="LabelNum">
                </div>
            </div>
        </div>


      </div>
      <div class="modal-footer group">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-primary label_accept">Accept</button>
      </div>
    </div>
  </div>
</div>
<!-- End Label Maker Modal -->

<!-- New Dealer Modal -->
<div class="modal fade" id="NewDealer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="NewDealerLabel">New Dealer</h4>
      </div>
      <div class="modal-body">

        <div class="row">
            <div class="col-xs-12">
                <label for="NewDealerName">Please enter the dealer name:</label>
                <input type="text" class="form-control" name="NewDealerName" id="NewDealerName">
            </div>
        </div>


      </div>
      <div class="modal-footer group">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-primary dealer_accept">Accept</button>
      </div>
    </div>
  </div>
</div>
<!-- End New Dealer Modal -->
</form>