Прежде всего: Я относительно новым для JQuery, поэтому, пожалуйста, быть нежным;)Jquery не обновляет TEXTAREA
То, что я пытаюсь достичь: У меня есть сервер Java (бэкэнд), который делает текст синтаксический анализ и предлагает API-интерфейс REST. С другой стороны (передняя часть) у меня есть HTML-файл с формой и несколькими строками кода jQuery.
<html>
<body>
<form id="form">
<table>
<thead>
<tr>
<th>Code</th>
<th> </th>
<th>Code</th>
</tr>
</thead>
<tbody>
<tr>
<td><textarea id="input" name="input" cols="100" rows="50" type="text" placeholder="Input your code here..."></textarea></td>
<td>
<button id="btnTranslate" type="submit">Translate -></button>
</td>
<td><textarea id="output" name="output" cols="100" rows="50" type="text" placeholder=" "></textarea></td>
</tr>
</tbody>
</table>
</form>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$('#btnTranslate').click(function() {
var valueOfTextArea = $('textarea#input').val();
$.post("/parse", $('textarea#input').val(),
function (data) {
alert("Data Loaded: " + data);
$('#output').val("" + data);
$('#input').val(valueOfTextArea);
}
);
});
</script>
</body>
</html>
Проблема заключается в следующем: данные получает посылки, переводятся на стороне сервера и отправить обратно клиент, в результате оповещения всплывающего окна, по крайней мере несколько раз. Однако TextAreas никогда не обновляется должным образом.
Я искал Google много и пробовал почти все предложения на этом сайте. Пока не повезло.
Что мне не хватает? Что я делаю не так?
Это странно. Я бы предложил вам открыть консоль javascript и запустить две команды с соответствующим значением. Работает ли предупреждение? –