Perdu avec .net et jQuery

Question

Je suis convaincu que cela a déjà été demandé et que j'ai trouvé pas mal de ressources sur ce sujet mais je suis toujours très confus et je ne sais pas trop comment procéder.

J'ai une zone de texte dont les données que je dois envoyer à un serveur et j'ai besoin de capturer le résultat qui est une chaîne. Voici ma tentative:

$(document).ready(function() { 

    $('#output-box').hide(); 

    $('#form1').submit(function() { 
     var input = $('#txtinput').val() 
     $.post('Default.aspx', { func: "ParseData" }, function (data) { 
      $('#output-box').load(data).fadeIn(); 
     }); 
    }); 
}); 

Comment est-ce que je suis horriblement hors-jeu?

Answer 1

Fermer, mais essayez ceci:

$(function() { // I like the shorthand way 

    $('#output-box').hide(); 

    $('#form1').submit(function() { 
     var input = $('#txtinput').val(); 
     $.post('Default.aspx', { func: "ParseData" }, function (data) { 
      $('#output-box').val(data).fadeIn(); // set the value to the returned data 
     }); 
     return false; // block the normal submit action 
    }); 
}); 

Fondamentalement, vous utilisez la fonction val() pour modifier la valeur de la zone de texte plutôt que des données « de chargement » en elle. En outre, vous devez renvoyer false à partir du gestionnaire d'événements ou vous pouvez envoyer la requête AJAX et pour effectuer l'action normale sur le formulaire.

Modifier: basé sur votre commentaire. Si vous devez d'abord appeler parseData, alors quelque chose comme ça pourrait être approprié.

$(function() { 

    $('#output-box').hide(); 

    $('#form1').submit(function() { 
     var input = parseData($('#txtinput').val()); 
     $.post('Default.aspx', { txtinput: input }, function (data) { 
      $('#output-box').val(data).fadeIn(); 
     }); 
     return false; 
    }); 
});