Re: Jquery autocomplete with json

It's on my DEV server and it may not work on my prod server because the server admin hasn't turned on remote access yet.

Here is my code:

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery- ui.css">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>

<script type="text/javascript">

$(function() {

    $("#category").autocomplete({

        source: "<cfoutput>#request.serverURL#</cfoutput>/contentfiles/ajaxlookup.cfc ?method=getInstitutions&returnformat=json"

    });

});

</script>

category: <input id="category" name="category" />

And here is my CFC:

<cffunction access="remote" name="getInstitutions" returntype="any">

<cfargument name="searchPhrase"     type="any" required="true" default="">

<!--- Define variables --->

<cfset var result=ArrayNew(1)>

<!--- Do search --->

<cfquery datasource="#request.dsn#" name="data">

SELECT     strInstitutionName

FROM tblInstitutions

WHERE LOWER(strInstitutionName) LIKE <cfqueryparam cfsqltype="cf_sql_varchar" value="%#LCASE(arguments.searchPhrase)#%" />

AND bitselectionlist = 1

AND bitActive = 1

AND IntInstitutionCategoryID IN (1,2,3,6,7,8,9)

AND bitRemoteLogin  <> 1

ORDER BY strInstitutionName

</cfquery>

<!--- Build result array --->

<cfloop query="data">

<cfset ArrayAppend(result, strInstitutionName)>

</cfloop>

<!--- And return it --->

<cfreturn result>

    </cffunction>