Response title
This is preview!
Autocomplete JSON
in Using jQuery
•
12 years ago
Hello,
I'm starting to use jquery, and I need a
autocomplete.I downloaded 1.8.13 jQuery UI, and am using the "Remote JSONP datasource Autocomplete" example.
I made a webservice that returns the same value of"geonames.org" But when I call my webservice, an error occurs in IE:
My JSON url: http://sis.lifepromotora.com/form/admin_filtro_cpf.ashx
- Detalhes dos erros da página da Web
- Agente de Usuário: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; .NET4.0E)
- Carimbo de data/hora: Fri, 10 Jun 2011 21:32:23 UTC
- Mensagem: ';' esperado
- Linha: 1
- Caractere: 21
- Código: 0
- URI: http://sis.lifepromotora.com/form/admin_filtro_cpf.ashx?callback=jQuery151019155727171524917_1307741357988&featureClass=P&style=full&maxRows=12&name_startsWith=rio+de&_=1307741361285
Can anyone help me?
My code is the same from the example:
- $(function() {
- function log( message ) {
- $( "<div/>" ).text( message ).prependTo( "#log" );
- $( "#log" ).attr( "scrollTop", 0 );
- }
- //url: "http://sis.lifepromotora.com/form/admin_filtro_cpf.ashx",
- //url: "http://ws.geonames.org/searchJSON",
- $( "#city" ).autocomplete({
- source: function( request, response ) {
- $.ajax({
- url: "http://sis.lifepromotora.com/form/admin_filtro_cpf.ashx",
- dataType: "jsonp",
- data: {
- featureClass: "P",
- style: "full",
- maxRows: 12,
- name_startsWith: request.term
- },
- success: function( data ) {
- response( $.map( data.geonames, function( item ) {
- return {
- label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
- value: item.name
- }
- }));
- }
- });
- },
- minLength: 2,
- select: function( event, ui ) {
- log( ui.item ?
- "Selected: " + ui.item.label :
- "Nothing selected, input was " + this.value);
- },
- open: function() {
- $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
- },
- close: function() {
- $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
- }
- });
- });
Thanks!
1