javascript - Coldfusion 使用 ajax 使用下拉选择填充表单

Question

所以我有一个使用 ColdFusion 的项目，它有一个带有下拉列表的表单。

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

一旦选择了下拉列表，我需要做的是调用 ColdFusion cfc 的 ajax 调用，它返回信息以填写下拉列表下的表单。

以上面的 fiddle 为例，如果用户选择“2”，那么名称字段将包含 Bob、202 Fake Street 和 111-555-1234。如果他们选择“3”，他们将获得从 CFC(数据库)返回的任何其他内容。

CFC 只会有一个方法调用，它会根据通过下拉列表提交的数字值获取信息。

如有任何帮助，我们将不胜感激。

谢谢

Answer 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，例如 Name:

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

该方法的结果可以返回查询中的姓名、地址和号码。将此信息作为 JSON 返回将非常有帮助。

这应该会让你走上正轨，祝你好运。