小编典典

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仅具有一个方法调用,该方法调用将基于通过下拉列表提交的数字值来获取信息。

任何帮助,将不胜感激。

谢谢


阅读 264

收藏
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