1

Tengo esta función de Javascript dentro de mi HTML.

$("#aviso1").on('click', function (e) {
        // Initialize the object, before adding data to it.
        //  { } is declarative shorthand for new Object()
        var obj = {};
        obj.titulo = $("#Titulo").val();
        obj.informacion = $("#Informacion").val();

        //In order to proper pass a json string, you have to use function JSON.stringfy
        var jsonData = JSON.stringify(obj);

        $.ajax({
            url: 'Titulo.ashx?Num=1',
            type: 'POST',
            data: jsonData,
            success: function (data) { document.getElementById("Titulo1").innerHTML = data; },
            error: function (errorText) { alert("Whoops something went wrong!"); }
        });
        e.preventDefault();
    });

Pero si le pongo on('click'... si me despliega la información, pero cuando le pongo on('load'... no carga la información.

¿A qué se debe y como puedo solucionarlo?

EDIT: Para poder utilizar las funciones de esta forma de forma que carguen automaticamente en lugar de escribir

on('load' function(e) ... 

o

on('click' function(e) ...

debe de ser

ready(function(e) ...

2 respuestas 2

1

El evento load únicamente se aplica al objeto raíz del DOM lo que significa que en una página puedes aplicarlo únicamente al objeto window o al document. En cualquier otro elemento no se va a generar:

load Event Reference

Si utilizas jQuery (como veo) y quieres que la función que ahora tienes asociada al evento click se ejecuta al cargar la página no tendrías más que hacer:

$(function() {
        // Initialize the object, before adding data to it.
        //  { } is declarative shorthand for new Object()
        var obj = {};
        obj.titulo = $("#Titulo").val();
        obj.informacion = $("#Informacion").val();

        //In order to proper pass a json string, you have to use function JSON.stringfy
        var jsonData = JSON.stringify(obj);

        $.ajax({
            url: 'Titulo.ashx?Num=1',
            type: 'POST',
            data: jsonData,
            success: function (data) { document.getElementById("Titulo1").innerHTML = data; },
            error: function (errorText) { alert("Whoops something went wrong!"); }
        });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="Titulo">Título</div>
<div id="Informacion">Información</div>
<div id="Titulo1"></div>

Con la sintaxis:

$(function(){...});

jQuery ejecuta la función una vez que se ha completado la carga de la página.

1

Entonces ... Para que las funciones me carguen sin la necesidad de dar click debo de cambiar a:

$("#aviso1").ready(function (e) { ...
1
  • Edito la respuesta para mostrar cómo deberías hacerlo Commented el 23 may. 2016 a las 19:22

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.