使用ajax在coldfusion中引用表单值

Question

我需要做的是查询数据库,如果表单值"喜欢"任何存储的数据,然后将结果作为表(搜索表单)返回.表单操作调用javascript函数.该函数验证输入并将表加载到表单所在的相同div中(ajax).在我的coldfusion页面是我实际查询的地方,所以我需要在那里访问那些表单字段值.我的问题是最好的方法是什么/怎么做？#form.value#不起作用,因为表单对象没有发送到coldfusion.

我是:

将DOM表单对象传递给javascript函数,然后将其传递给coldfusion？如果是这样,怎么样？

在我的coldfusion页面中引用表单字段值而不提供实际提交的表单？如果是这样,怎么样？(表单确实按下按钮提交,但没有刷新,只有javascript函数调用,如上所述).

谢谢

Answer 1

你的javascript将是这样的:

var theValue = $("#thefield").val();
$.ajax({ type: "GET", url: "/processajax.cfm", data: {value: theValue}, dataType: "json", success: showResult });

您的ColdFusion代码将包含以下内容:

<cfcontent reset="true" type="application/json; charset=utf-8">
<cfset someData = doSearch(URL.value)>
<!--- Build data into array --->
<cfset dataArray = [...]>
<cfoutput>#SerializeJSON(dataArray)#</cfoutput>

然后回到你的javascript你的回调函数将执行,然后你获取数组数据并构建生成的html(或使用模板系统为你做到这一点)并将其粘贴在所需的div中.