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。将其更改为表单，它将起作用。