[Solucionado]Error undefined al comunicar Jquery con Webservice

[jorgelig]

Buenos dias, le di una rapida búsqueda y el [URL="http://www.forosdelweb.com/f29/no-puedo-hacer-post-con-jquery-hacia-web-service-679481/"] único post que encontre parecido[/URL] a mi pregunta no esta respondido, por lo que me animo a postear mi pregunta.

Hasta ahora había estado usando los componentes AJAX directamente con webservice y ningun problema, hace un par de semanas estoy intentando optimizar mas la aplicacion usando jQuery directamente con los webservice. Encontre varias guias pero la que me ah parecido mas completa es [URL="http://www.mikesdotnetting.com/Article/96/Handling-JSON-Arrays-returned-from-ASP.NET-Web-Services-with-jQuery"]esta[/URL], y la estoy intentando seguir, pero al momento de llamar la funcion de jquery que se comunica con el webservice truena y en el error solo dice undefined, eh estado buscando posibles soluciones pero hasta ahora nada.

Mi ASPX es este:

Código:

<%@ Page Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="Default3.aspx.vb" Inherits="Default3" title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <script type="text/javascript">
  function prueba(){
      $.ajax({
      type: "POST",
      url: "WS_Productos.asmx/GetProductosNombreID",
      //beforeSend: function(xhr) {xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");},      
      //data: "{ 'nombre':"+"'" + $get('<%= txtbuscaidproducto.ClientID %>').value + "'}",
      //data: "nombre=jorgelig",
      data: "{nombre: " + $get('<%= txtbuscaidproducto.ClientID %>').value + " }",
      contentType: "application/json; charset=utf-8",
      dataType: "json"  ,
      success: function(response) {
      alert($get('<%= txtbuscaidproducto.ClientID %>').value);
      var productos = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;
      $('#output').empty();
      for(var i=0;i< productos.length;i++){
        $('#output').append('<p>' + productos[i].Id_producto + ', ' + productos[i].Nombre + ', ' + productos[i].Precio + '</p>')
      }
      },
      error: function(msg,status,error) {
      $('#output').text(msg);
      //alert(msg.toString );
        //$('#output').html('ERROR '+ msg.valueOf );
      }
    });
  }
</script>
<asp:TextBox ID="txtbuscaidproducto" runat="server" Width="274px"></asp:TextBox>
<input id="btn_htmlfiltrar" class="cssboton" type="button" 
                  value="FiltrarAJax" onclick="prueba()" />
                  <div id="output">PRUEBA</div>
</asp:Content>

El Webservice que tengo programado es este:

Código:

<%@ WebService Language="VB" Class="WS_Productos" %>

Imports System.Web
Imports System.Web.Services.Protocols
Imports System.Web.Services
Imports System.Web.Script.Services
Imports System.Web.Script.Serialization
Imports System.Collections.Generic

<System.Web.Script.Services.ScriptService()> _
<WebService(Namespace:="http://tempuri.org/")> _
<WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)> _
<Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _
Public Class WS_Productos
    Inherits System.Web.Services.WebService

    <WebMethod()> _
    Public Function GetProductosNombreID(ByVal nombre As String) As List(Of Normay.ElArco.Source.DataBase.Producto.Producto)
        Dim Productos As New List(Of Normay.ElArco.Source.DataBase.Producto.Producto)
        
        Dim ent As New Normay.ElArco.Source.DataBase.ConsultasGenerales
        Dim dr As MySql.Data.MySqlClient.MySqlDataReader
        Dim sql As String
        
        sql = "SELECT id_producto,nombre,costo,precio FROM Producto WHERE nombre LIKE '%" & nombre & "%';"
        dr = ent.LlenaDataReader(sql)
        For i = 0 To dr.FieldCount
Productos.Add(New Normay.ElArco.Source.DataBase.Producto.Producto(dr("id_producto"), dr("nombre"), dr("costo"), dr("precio")))
     Next
        ent.CerrarConeccion()
        dr.Close()
        Return productos
    End Function

[jorgelig]

Ya quedo solucionado, el problema era en el envio de datos al webservice. Segun en el tutorial es:

Código:

      data: "{doors: " + $('#<%= ddlDoors.ClientID %>').val() + " }",

debugeando con el Developer Tools salio que Jquery estaba mandando el parametro en forma erronea, probe poniendo comillas simples:

Código:

data: "{nombre: '" + $get('<%= txtbuscaidproducto.ClientID %>').value + "' }",

*notese la comilla simple despues de los dos puntos y antes de la comilla de cierre; asi como la comilla simple antes de la llave de cierre y despues de la comilla de cierre solamente para el parametro, y no en el nombre; como habia encontrado en otro lado jeje.