引导预先输入调用ColdFusion
Bootstrap typeahead call to ColdFusion
我试图用Typeahead.js做一个简单的测试,它从一个coldfusion组件中获取它的数据,该组件返回一个简单的JSON字符串和数据。
这是我的ajaxctrl。cfc
<cfcomponent output="false">
<cffunction name="GetParams" access="remote" output="false">
<cfset objData = [
{ PARAMCODE = "SYSTEM_PARAM_1",
PARAMVAL = "FALSE"
},
{ PARAMCODE = "SYSTEM_PARAM_2",
PARAMVAL = true
},
{ PARAMCODE = "SYSTEM_PARAM3",
PARAMVAL = "1003"
},
{ PARAMCODE = "SYSTEM_PARAM4",
PARAMVAL = 1004
}
] />
<cfreturn objData >
</cffunction>
</cfcomponent>
因此,当我尝试在浏览器中访问http://localhost/foo/bar/AjaxCtrl.cfc?method=GetParams
时,我得到如下输出:
[{"PARAMCODE":"SYSTEM_PARAM_1","PARAMVAL":false},{"PARAMCODE":"SYSTEM_PARAM_2","PARAMVAL":true},{"PARAMCODE":"SYSTEM_PARAM_3","PARAMVAL":1003},{"PARAMCODE":"SYSTEM_PARAM_4","PARAMVAL":1004}]
这是我的javascript文件
// constructs the suggestion engine
var engine = new Bloodhound({
datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.PARAMCODE); },
queryTokenizer: Bloodhound.tokenizers.whitespace,
prefetch: "http://localhost/dev/test/djb/AjaxCtrl.cfc?method=GetParams"
}
);
// kicks off the loading/processing of `local` and `prefetch`
engine.initialize();
$( "input.typeahead" ).typeahead({
hint: true,
highlight: true,
minLength: 1
},
{
name: 'parameters',
displayKey: 'PARAMCODE',
source: engine.ttAdapter()
});
到目前为止,我只能使它与LOCAL硬编码数据示例一起工作。我尝试过的所有例子都不起作用,无论是预取还是远程取。我做错了什么? 我通过将returnFormat="JSON"
添加到我的<cffunction>
来解决它,否则它将通过"wddxpacket"发送数据,并且Typeahead显然不能直接开箱处理
相关文章:
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 如何从Java/scala调用js美化程序
- 如何调用这个匿名 JavaScript 函数
- 如何从模块链中调用函数.导出到节点中
- 我需要从php调用javascript或jquery
- Chrome开发工具(如何知道我在调用哪个javascript对象)
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- Twitter Bootstrap typeahead:使用“this”获取上下文/调用元素
- node.js:setInterval()正在跳过调用
- 如何在单击复选框后调用控制器方法
- 如何在JQuery函数中定义一个值,然后调用另一个函数并使用该值
- 使用Google Visualization动态调用构造函数
- 如何在webView,Android中从@JavascriptInterface方法调用Javascript
- 如何使用从 ajax coldfusion cfc 调用返回的 JSON
- 使用cfajaxproxy对coldfusion组件进行Ajax调用
- 调用Coldfusion组件函数的jQuery-post方法不起作用
- 如何在ColdFusion .cfc函数中用ajax调用上传文件
- 引导预先输入调用ColdFusion