jquery serializeArray（）不是使用語義UI框架創建的？

Question

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

而且我想如何發送serilize到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。將其更改爲表單，它將起作用。