Coldfusion使用Ajax填充具有下拉选择的表单

一尘不染

Coldfusion使用Ajax填充具有下拉选择的表单

ajax

因此，我有一个使用ColdFusion的项目，并且该项目的表单带有下拉菜单。

See example: http://jsfiddle.net/mwoods98/KXmNK/

选择下拉列表后，我需要做的是针对ajax调用来调用ColdFusion cfc，该cfc返回信息以填写下拉列表下的表单。

以上面的小提琴为例，如果用户选择“ 2”，则名称字段将具有Bob，Fake Street 202和111-555-1234。如果他们选择“
3”，他们将从CFC（数据库）返回任何其他信息。

CFC仅具有一个方法调用，该方法调用将基于通过下拉列表提交的数字值来获取信息。

任何帮助，将不胜感激。

谢谢

阅读 233

2020-07-26

共1个答案

一尘不染

如果使用的是jQuery，则可以使用jquery内置的ajax函数来调用CFC，并返回结果并填充字段。顺便说一句，如果您想这样做，将ID放在字段上将非常有帮助。

$.ajax({
    type: 'get',
    url: 'pathToMy.cfc',
    data: {method:'getNameAddressAndNumberFromID'
        , myID : valueOfItemSelectedInDropDown
        },
    dataType: 'json',
    async: false,
    success: function(result){
         $('#myNameInput').val(result.NAME);
         $('#myNameInput').val(result.ADDRESS);
         $('#myNameInput').val(result.NUMBER);
        }
    });

假设您有一个名为“ pathToMy.cfc”的CFC，其方法为“
getNameAddressAndNumberFromID”，并且在诸如“名称”的输入上有一个ID：

<input name="name" id="myNameInput" type="Text">

方法的结果可以返回查询的名称，地址和编号。以JSON形式返回此信息将非常有帮助。

这应该使您走上正确的道路，祝您好运。

2020-07-26