Я создал динамическое отображение текстовых полей из моей базы данных в веб-формах .net. Теперь мне нужно отправить их значения обратно в базу данных с новыми значениями, когда они редактируются с помощью метода post ajax.
Вот как выглядит код:
<table cellspacing = "0" cellpadding = "4" id = "MainContent_gvAllValues" style = "color:#333333;border-collapse:collapse;">
<tr style = "color:White;background-color:#507CD1;font-weight:bold;">
<th scope = "col" vAllValues</th>
</tr>
<tr style = "background-color:#EFF3FB;">
<td>
<input name = "ctl00$MainContent$gvAllValues$ctl02vAllValues" type = "text" value = "RR Value One" id = "MainContent_gvAllValues_0" />
</td>
</tr>
<tr style = "background-color:White;">
<td>
<input name = "ctl00$MainContent$gvAllValues$ctl03vAllValues" type = "text" value = "RR Value Two" id = "MainContent_gvAllValues_1" />
</td>
</tr>
<tr style = "background-color:#EFF3FB;">
<td>
<input name = "ctl00$MainContent$gvAllValues$ctl04vAllValues" type = "text" value = "RR Value Three" id = "MainContent_gvAllValues_2" />
</td>
</tr>
<tr style = "background-color:White;">
<td>
<input name = "ctl00$MainContent$gvAllValues$ctl05vAllValues" type = "text" value = "RR Value Four" id = "MainContent_gvAllValues_3" />
</td>
</tr>
</table>
<br />
<br />
<br />
<input type = "submit" name = "ctl00$MainContent$btnButton" value = "Button" id = "MainContent_btnButton" />
Это тот jquery, который я сделал до сих пор:
<script type = "text/javascript">
$(document).ready(function () {
$('#MainContent_btnButton').click(function () {
var alltextBoxMessages = "";
$('input[type=text]').each(function () {
alltextBoxMessages = alltextBoxMessages + ' ' + $(this).val();
});
alert(alltextBoxMessages);
});
$.ajax({
type: "POST",
url: "/SecondPage.aspx",
data: "alltextBoxMessages;",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
}
});
});
</script>
Мне удалось отправить все значения одним щелчком по кнопке и сохранить их в «alltextBoxMessages».
Может ли кто-нибудь помочь мне с остальной частью кода, касающегося ajax?
Заранее спасибо !
Да это правильно.

Вызов ajax должен быть внутри события щелчка, вы передаете значение данным. Таким образом, формат данных должен быть данные: alltextBoxMessages вместо data: "alltextBoxMessages;"
$(document).ready(function() {
$('#MainContent_btnButton').on('click', function() {
var alltextBoxMessages = "";
$('input[type=text]').each(function() {
alltextBoxMessages = alltextBoxMessages + ' ' + $(this).val();
});
alert(alltextBoxMessages);
$.ajax({
type: "POST",
url: "/SecondPage.aspx",
data: alltextBoxMessages,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(msg) {
}
});
});
});
Спасибо за помощь! Я добавил код для успешной отправки и для ошибки. И, к сожалению, я получаю сообщение: «Произошла ошибка»: / Вы знаете, в чем проблема? Вот он: $ .ajax ({type: "POST", url: "/FirstPage.aspx", data: "alltextBoxMessages;", contentType: "application / json; charset = utf-8", dataType: "json" , успех: функция (данные) {console.info ('Отправка прошла успешно.'); console.info (данные);}, ошибка: функция (данные) {console.info ('Произошла ошибка.'); console. журнал (данные);},});
данные должны быть такими, data: alltextBoxMessages,
То же самое: / Вот img с моей консоли: ссылка на сайт Может что-то не так с сообщением? Переполнение мета-стека успех: функция (данные) {console.info ('Отправка прошла успешно.'); console.info (данные); }, ошибка: функция (данные) {console.info ('Произошла ошибка.'); console.info (данные); },
вы хотите выполнить вызов ajax при отправке?