下拉绑定和AJAX

use*_*340 3 ajax coldfusion jquery

我是ColdFusion的新手,刚开始学习Ajax.我的问题是我在网上找到了一些很酷的编码来实现两个下拉菜单,其中第二个依赖于从第一个选择的内容.但目标是从选择查询中提取下拉列表中的所有值.

我正在使用我刚学到的绑定功能.第一次下拉的所有东西都正确拉动.问题虽然是第二个问题.我从AJAX记录器获得的错误是"Error invoking: Error Executing Database Query"任何建议将不胜感激.还要提前感谢您的帮助.

select.cfc

<cfcomponent output="false">

    <!--- Get array of Catagory Description types --->
    <cffunction name="cat_description" access="remote" returnType="array">

        <!--- Define variables --->
        <cfset var data="">
        <cfset var result=ArrayNew(2)>
        <cfset var i=0>

        <!--- Get data --->
        <cfquery name="getServiceCat" datasource="SOME_DATABASE">
            SELECT DISTINCT CAT_DESC
            FROM   service_table
            ORDER BY CAT_DESC
        </cfquery>

        <!--- Convert results to array---> 
        <cfloop index="i" from="1" to="#getServiceCat.recordcount#">
            <cfset result[i][1]=getServiceCat.CAT_DESC[i]>
            <cfset result[i][2]=getServiceCat.CAT_DESC[i]>
        </cfloop>

        <!--- And return it --->
        <cfreturn result>
    </cffunction>

    <!--- Get Service Type by Cat description type --->
    <cffunction name="getServiceType2" access="remote" returnType="array">
        <cfargument name="CAT_DESC" type="string" required="true">

        <!--- Define variables --->
        <cfset var data="">
        <cfset var result=ArrayNew(2)>
        <cfset var i=0>

        <!--- Get data --->
        <cfquery name="getServiceType2" datasource="SOME_DATABASE" dbtype="query">
            SELECT DISTINCT com_service_code, report_desc
            FROM   service_table
            WHERE  CAT_DESC = #ARGUMENTS.CAT_DESC# 
            ORDER BY report_desc
        </cfquery>
        </cfif>

        <!--- Convert results to array --->
        <cfloop index="i" from="1" to="#getServiceType2.recordcount#">
            <cfset result[i][1]=getServiceType2.com_service_code[i]>
            <cfset result[i][2]=getServiceType2.report_desc[i]>
        </cfloop>

        <!--- And return it --->
        <cfreturn result>
    </cffunction>

 </cfcomponent>
Run Code Online (Sandbox Code Playgroud)

以上是处理所有查询的cfc.此解决方案的主要原因之一是表单中所需的代码的简单性.

 ...
 <td>Select Category: <cfselect name="catdesc"
                                 bind="cfc:select.cat_description()"
                                 bindonload="true"/><br />
 </td>
 ...
 <td>Select Service:  <cfselect name="service"
                                bind="cfc:select.getServiceType2({catdesc})"
                                bindonload="false"/>
 </td>
Run Code Online (Sandbox Code Playgroud)

我搜索了将近2天试图找到查询错误的解决方案.我知道查询在SQL中有效,所以我认为这个问题与AJAX有关,而且没有为第二次下拉正确实现WHERE子句.

任何建议或建议都会很棒.另外,如果你以另一种方式做这个解决方案,我也很乐意尝试这个.正如我所说,我对这种语言很新.只有2个星期.

Lei*_*igh 5

测试CFC

在将它们插入ajax之前,始终在CF中测试cfc.你验证cfc没有错误的情况下工作之前,没有必要弄乱绑定,因为如果它在CF中不起作用,它也不适用于ajax.唯一的区别是错误将更难找到.

正如其他人所说,从小做起.单独测试查询.然后转到测试CFC,或者使用<cfinvoke>测试值从浏览器中简单地调用它:

http://yourserver/path/to/select.cfc?method=getServiceType2&cat_desc= 
http://yourserver/path/to/select.cfc?method=getServiceType2&cat_desc=someValue
Run Code Online (Sandbox Code Playgroud)

错误

关于错误,我们需要查看完整的错误消息以提供更具体的建议.但是,查看查询/代码可能会导致以下情况:

  1. CAT_DESC是一个varchar列,在这种情况下,您的参数必须用单引号括起来.否则,数据库会认为参数值是对象名称(表或列).

    WHERE CAT_DESC = '#ARGUMENTS.CAT_DESC#' 
    
    Run Code Online (Sandbox Code Playgroud)
  2. .. OR CAT_DESC是一个数字列,但您的参数为空.这将导致无效的sql语句.您需要确保将有效数字传递给查询(或者您可以在参数为空时跳过WHERE子句,具体取决于所需的结果).一种常见的方法是使用该val()函数将空字符串和其他非数字值转换为零,即:

    WHERE CAT_DESC = #val(ARGUMENTS.CAT_DESC)#

  3. </cfif>在第二个查询之后,它看起来像你有一个迷路.(假设它不是复制/粘贴错误)

  4. 另一件事,你的第二个查询指定了datasourcedbtype.这两个属性是互斥的.两者都可能导致语法错误(我还没试过).无论哪种方式,你应该只使用其中一个(最有可能datasource).

SQL注入

也就是说 - 上面的查询很容易被sql注入.您应该始终使用<cfqueryparam>所有变量查询参数来防止sql注入.它还有其他好处(性能,数据类型检查等).但是sql注入保护是Web应用程序中最关键的.

<!--- substitute the correct type for your db column --->
WHERE CAT_DESC = <cfqueryparam value="#ARGUMENTS.CAT_DESC#" 
                         cfsqltype="cf_sql_varchar">
Run Code Online (Sandbox Code Playgroud)

改进

从CF8.0.1 +开始,cfselect可以绑定到查询对象(而不仅仅是数组).因此,只需从函数返回原始查询,而不是构建数组.

    <cffunction name="getServiceType2" access="remote" returnType="query">
        <cfargument name="CAT_DESC" ....>

        <cfset var data="">

        <cfquery name="data" ..> 
           SELECT TheQueryColumnToDisplay, TheQueryColumnUsedForListValue
           FROM  ... 
           WHERE ... 
        </cfquery>

       <cfreturn data>
    </cffunction>
Run Code Online (Sandbox Code Playgroud)

然后指定要用于displayvalue属性的列:

    <cfselect name="service" 
              bind="cfc:select.getServiceType2({catdesc})"
              display="TheQueryColumnToDisplay"
              value="TheQueryColumnUsedForListValue" ...>
Run Code Online (Sandbox Code Playgroud)