Question

我已经在.net网络表单中的数据库中创建了文本框的动态显示。现在，我必须使用ajax post方法使用新值将其值发送回数据库。

这是代码的外观：

<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的其他代码吗？

提前谢谢！

Answer 1

ajax调用应该是在click事件中，你将值传递给数据。所以数据格式应该是数据：alltextBoxMessages 而不是数据：＆＃34; alltextBoxMessages;＆＃34;

$(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和jquery

1 个答案: