【问题标题】:jquery ColdFusion returnjquery ColdFusion 返回
【发布时间】:2020-06-26 01:20:30
【问题描述】:

我想单独返回 jquery 结果,这样我就可以用它们构建一个表

这已经可以了

<script>            
            $(document).ready(function() {            
            
                    $result = $("#result");
                    
                    $("#options").change(function(e) {
                        var selected = $(this).val();
                        console.log('change:', selected);
                        if(selected === '--') return;
                        $.get("/inside/fusebox/view/communications/locations/getsite.cfc?method=dostuff", {input:selected}, function(res) {
                        
                            $result.html(res);
                        },"JSON");
                    });
            })
            </script>

它将返回显示为一个长字符串

但是,我在退货时将它们分开。

<cfreturn "#siteinfo.photourl#,#siteinfo.siteid#,#siteinfo.sitename#,#siteinfo.address#,#siteinfo.city#,#siteinfo.state#,#siteinfo.zipcode#" />

那么一个长句的页面上会出现什么

在这个 div 中

<div id="result"></div> 

有效。

我真的不知道如何处理和分离结果,以便我可以构建一个表格作为显示。

<table> <tr>
        <td><div id = "siteid"></div></td>
        <td><div id = "sitename"></div></td>
        </tr>
<tr><td><div id = "siteaddress"></div></td>
        <td><div id = "sitecity"></div></td>
        <td><div id = "siteastate"></div></td>
        <td><div id = "sitezipcode"></div></td></tr>
</table>

【问题讨论】:

  • 1.考虑将数据作为一个或多个数组或结构数组返回。 2. 也考虑使用一个太喜欢datatables.net

标签: jquery ajax coldfusion


【解决方案1】:

欢迎来到 SO!希望你喜欢这里。

您最好返回 JSON,例如:

[{"photourl":"...", "siteid": "...", "sitename": "<sitename>", "city": "XX", "state": "ZZ", "zipcode": "00000"}];

然后你会替换

$result.html(res);

const siteinfo = JSON.parse(res)[0];
with(siteinfo) {
    $('#siteid').text(siteid);
    $('#sitename').text(sitename);
    //etc
}

如果您打算返回多个会导致多行的结构(对象),请考虑使用类,例如 .siteid.sitename ....,而不是 id。

【讨论】:

  • 非常感谢。但是我一定错过了什么。我将函数 return 更改为 ``````` 但什么也没发生。我删除了 $result.html(res);并将其替换为您建议的内容。谢谢
  • 假设您在 CF 中有一个变量 sites,它是 struct 类型数组,那么您需要返回的是 SerializeJSON(sites)
  • TY 它让我走上了正轨。还在努力中
  • @djb80 如果您有任何其他问题,请随时告诉我。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-10-26
  • 1970-01-01
  • 2011-10-26
  • 1970-01-01
  • 2013-12-19
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多