Estoy usando Buddy.com’s API para crear una aplicación móvil con una Interfaz web para Administradores y usuarios de la Creación. Estoy todavía en las etapas iniciales de este proyecto.

La primera página que estoy tratando de construir es el Usuario de la página de Registro del sitio web.
Esta página tendrá un formulario pidiendo a los usuarios por un nombre de usuario, contraseña, correo electrónico y algunos otros campos.

Estoy usando javascript formulario de la página http://buddy.com/developers/#UserAccount_Profile_Create

La función es: function createUserWithName(); Y tiene algunas entradas. La función se parece a esto:

function fixedEncodeURIComponent (str) {  
    return encodeURIComponent(str).replace(/[!'()*]/g, escape);  
}
function createUserWithName(aName, anEmail) 
{
    var finalURLStr = "https://webservice.buddyplatform.com/Service/v1/BuddyService.ashx";

    finalURLStr += "?UserAccount_Profile_Create";    //API Call
    finalURLStr += "&BuddyApplicationName=" + fixedEncodeURIComponent("<#Buddy App Name#>");
    finalURLStr += "&BuddyApplicationPassword=" + fixedEncodeURIComponent("<#Buddy App Password#>");
    finalURLStr += "&NewUserName=" + fixedEncodeURIComponent(aName);                    //The user name
    finalURLStr += "&UserSuppliedPassword=" + fixedEncodeURIComponent("<#password#>");  //User password
    finalURLStr += "&NewUserGender=" + "male";                                          //"male" or "female"
    finalURLStr += "&UserAge=" + 29;                                                    //user age (int)
    finalURLStr += "&NewUserEmail=" + fixedEncodeURIComponent(anEmail);                 //user email
    finalURLStr += "&StatusID=" + -1;                                                   //see status table (1-7 or -1)
    finalURLStr += "&FuzzLocationEnabled=" + 1;                                         //true /false: location isn't/is reported accurately
    finalURLStr += "&CelebModeEnabled=" + 0;                                            //true if user is hidden from non-friends
    finalURLStr += "&ApplicationTag=";                                                  //app-related info
    finalURLStr += "&RESERVED=";                                                       //leave empty

    $.ajax({ url: finalURLStr })
        .done( function(data) {
            //Result is a simple string
            alert("Result: " + data);
        })
        .fail(function() {
            alert("Error while contacting Buddy!");
       });
}

He creado un formulario en el que se solicita al usuario la entrada de esta información.

¿Cómo puedo pasar los datos de los campos de mi formulario para esta función?

Este es el código de mi formulario:

<form id="register">

<table width="200" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><label for="username">Username*:</label>
        <input type="text" id="username" name="username" />
    </td>
  </tr>
  <tr>
    <td><label for="password">Password*:</label>
        <input type="text" id="password" name="password" />
    </td>
  </tr>
  <tr>
    <td><label for="email">Email*:</label>
        <input type="text" id="email" name="email" />
    </td>
  </tr>
  <tr>
    <td><label for="gender">Gender*:</label>
        <select id="gender">
            <option value="null">Please Choose One...</option>
            <option value="Male">Male</option>
            <option value="Female">Female</option>
        </select>
    </td>
  </tr>
</table>
<input class="button" name="submit" type="button" value="submit" onclick="createUserWithName(username.value)" />
</form>

Im seguro de que una vez alguien me muestra cómo enviar el nombre de usuario y correo electrónico a la función de javascript que voy a ser capaz de averiguar el resto.

Gracias

  • Es el javascript incluido en el código html de la página?
  • Sí, la he puesto como parte de la página HTML.
  • Compruebe mi respuesta. Que deben trabajar.
InformationsquelleAutor Tanuj | 2013-08-26

4 Comentarios

  1. 1

    crear en primer lugar una función en la que se recogen todos los datos del formulario

    function getFormData(){ 
    var name=document.getElementById('username').value;
    var email=document.getElementById('email').value;
    /* some other fields */
    /* now call ur function by passing the above values */
    createUserWithName(name, email);
    }

    En su forma llamada getFormData() método

    <input class="button" name="submit" type="submit" value="submit" onclick="getFormData()" />
    • He intentado esto, me estoy haciendo un TypeError error en la línea: var nombre=document.getElementById(‘nombre de usuario’).valor();
    • lo siento, eliminar () para el valor de la función.. solo documento.getElementById(«nombre de usuario»).valor;
    • Sí que se fija. Gracias esto realmente ayuda.
    • Es que hay una mejor(seguro) a la entrada de la contraseña?
    • He observado que has escrito type=»text» por la contraseña que muestra los caracteres que introduzca.. cambio de «contraseña»
    • yo ya hice eso. Quiero decir, al pasar el valor de la contraseña en la función de javascript. Se puede hacer esto de una manera más segura?
    • Uso method=»POST», mientras que el envío de datos al servidor..

  2. 2

    Puedes usar:

    document.getElementById('username').value

    en su función de javascript. Alerta el valor, para comprobar si se están recibiendo.

  3. 0
    var username = $("#username").val();
    var email= $("#email").val();
    createUserWithName(username , email);
    • He intentado esto, me estoy haciendo un ReferenceError.
    • OOPS! Lo siento, me olvidé por completo de incluir la librería jquery! Así funciona esto ahora 🙂
    • si esto resuelve el problema, puede marcar esta respuesta como aceptado.
    • Lo hizo, sin Embargo Girish que la respuesta fue más integral y detallada, que es por qué elegí esa. Gracias por la respuesta 🙂

Dejar respuesta

Please enter your comment!
Please enter your name here