jQuery serializeArray（）是否未使用語義UI框架創建？

Question

我正在創建語義UI。 單擊提交按鈕時，我想序列化數組值。 我有兩個用於輸入用戶名和密碼的文本框。 我在兩個文本框中都輸入了一些值。 當我單擊提交按鈕時，我想序列化Json格式的數組轉換。 但是我已經做了一些代碼。 但是它不起作用。 也許我不知道確切的方法。 任何人都可以幫忙嗎？

我也想如何將序列化發送給Json Url以獲取WCF服務。

<div class="ui small signin modal">
        <i class="circular inverted teal close icon"></i>
          <div class="column">
            <div class="ui fluid form segment sub_form">
              <h3 class="ui header">Sign In</h3>
                <div class="field">
                  <div class="ui left labeled icon input">
                    <input type="text" id="txtUserName" placeholder="username" name="login_name">
                    <i class="user icon"></i>
                    <div class="ui corner label">
                      <i class="icon asterisk"></i>
                    </div>
                  </div>
                </div>
                <div class="field">
                  <div class="ui left labeled icon input">
                    <input type="password" placeholder="password" name="login_psw">
                    <i class="lock icon"></i>
                    <div class="ui corner label">
                      <i class="icon asterisk"></i>
                    </div>
                  </div>
                </div>
                <div class="ui blue submit button">Login</div>
                <div id="results" class="ui compact message"></div>
                <div id="json_obj" class="ui compact message"></div>
            </div>
          </div>
     </div>

jQuery代碼：

$(document).ready(function() {
  $(".ui.form").submit(function(event) {
    console.log($(this).serializeArray());
    event.preventDefault();
  });
 });

Answer 1

.serializeArray（）需要一個form元素，而不是div 。 將其更改為一個窗體，它將起作用。