Отправить форму в базу данных через ajax и jquery

Я создал динамическое отображение текстовых полей из моей базы данных в веб-формах .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 при отправке?

Selvarani 16.04.2018 14:56

Да это правильно.

WizCycle 16.04.2018 15:01
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
0
2
36
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вызов 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. журнал (данные);},});

WizCycle 16.04.2018 15:27

данные должны быть такими, data: alltextBoxMessages,

Selvarani 16.04.2018 15:30

То же самое: / Вот img с моей консоли: ссылка на сайт Может что-то не так с сообщением? Переполнение мета-стека успех: функция (данные) {console.info ('Отправка прошла успешно.'); console.info (данные); }, ошибка: функция (данные) {console.info ('Произошла ошибка.'); console.info (данные); },

WizCycle 16.04.2018 15:40

Другие вопросы по теме