Hi i getting this error when i training uses the Jquery UI Autocomplete
this is the JS Code:
-
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>jQuery UI Autocomplete - Remote JSONP datasource</title>
- <link rel="stylesheet" href="./themes/base/jquery.ui.all.css">
- <script src="jquery-1.4.4.js"></script>
- <script src="./ui/jquery.ui.core.js"></script>
- <script src="./ui/jquery.ui.widget.js"></script>
- <script src="./ui/jquery.ui.position.js"></script>
- <script src="./ui/jquery.ui.autocomplete.js"></script>
- <link rel="stylesheet" href="demos.css">
- <style>
- .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
- #city { width: 25em; }
- </style>
- <script>
-
- var parameters = "{}";
- var webMethod = GetServerName()+"/PR/RUTA/JQuery/WSJQ/WSJQ.asmx/GetRemitente"
- var srtJson="";
- // CallWS();
-
- function AjaxJson(msg)
- {
- return msg.d;
- }
- function GetServerName(){
- var str = window.location.protocol + "//"+window.location.hostname;
- return str;
- }
-
- $(function() {
- function log( message ) {
- $( "<div/>" ).text( message ).prependTo( "#log" );
- $( "#log" ).attr( "scrollTop", 0 );
- }
- $("#city").autocomplete({
-
- source: function( request, response ) {
- $.ajax({
- type: "POST",
- url: webMethod,
- dataType: "json",
- data: "{}",
- contentType: "application/json; charset=utf-8",
- dataFilter: function (data) { return data; },
- success: function(data) {
- console.log(data.d)
- response( $.map(data.d, function(J) {
- console.log(J)
- return {
- label: J.Value + (J.Value ? ", " + J.Value : "") + ", " + J.Value,
- value: J.Value,
- id: J.value
- }
- }));
- }
- });
- },
- /* success: function(msg){
- //alert(msg.d)
- //response( $.map( msg,function(item) {
- console.log(msg.id)
- console.log(request)
- console.log(response)
- console.log(msg)
- var obj = $.parseJSON(msg)
- console.log(obj)
- console.log(msg.d)
- $.map( msg.d,function(item) {
- console.log(item)
- return {
- label: item.label + (item.id ? ", " + item.id : "") + ", " + item.value,
- value: item.value
- }
- })
- }
- });
- },*/
- minLength: 3,
-
- select: function(event,ui){
- log( ui.item ?
- "Selected: " + ui.item.id:
- "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" );
- }
- })
- });
- </script>
- </head>
- <body>
- <div class="demo">
- <div class="ui-widget">
- <label for="city">Your city: </label>
- <input id="city" name="city" />
- Powered by <a href="http://geonames.org">geonames.org</a>
- </div>
- <div class="ui-widget" style="margin-top:2em; font-family:Arial">
- Result:
- <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
- </div>
- </div><!-- End demo -->
- <div class="demo-description">
- <p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are cities, displayed when at least two characters are entered into the field.</p>
- <p>In this case, the datasource is the <a href="http://geonames.org">geonames.org webservice</a>. While only the city name itself ends up in the input after selecting an element, more info is displayed in the suggestions to help find the right entry. That data is also available in callbacks, as illustrated by the Result area below the input.</p>
- </div><!-- End demo-description -->
- </body>
- </html>
And this is the JSON Response
[{"Label":"BANCO A. C. C.","Value":"BANCO A. C. C."},{"Label":"BANCO V","Value":"BANCO V"},{"Label":"CRISTAL, INSTALADOS Y SERVICIOS","Value":"CRISTAL, INSTALADOS Y SERVICIOS"},{"Label":"DE LA RUE","Value":"DE LA RUE"},{"Label":"FELIX M. GARCIA C.","Value":"FELIX M. GARCIA C."},{"Label":"FINANCIERA ORIENTAL, S. A.","Value":"FINANCIERA ORIENTAL, S. A."},{"Label":"INVERSTMENT AND FINANCIAL ADVISORS, LTD","Value":"INVERSTMENT AND FINANCIAL ADVISORS, LTD"}]
Anyone who can help me, Thanks for your response