Потеряно с .net и jQuery

Question

Я убежден, что это было задано раньше и нашли немало ресурсов по этой теме, но я все еще очень смущен и не уверен, как действовать дальше.

У меня есть текстовая область, данные которой мне нужно отправить на сервер, и мне нужно записать результат, который является строкой. Вот моя попытка:

$(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(); 
     }); 
    }); 
}); 

Как ужасно я не знаком?

Answer 1

Закрыть, но попробуйте это:

$(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 
    }); 
}); 

В принципе, можно использовать функцию val() изменить значение текстового поля, а не «загрузки» в него данные. Кроме того, вам нужно вернуть false из обработчика события или вы оба отправите запрос AJAX и выполните обычное, последействующее действие в форме.

Редактировать: на основе вашего комментария. Если вам сначала нужно позвонить по номеру parseData, тогда может быть что-то вроде этого.

$(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; 
    }); 
});