Framework7 formToData不工作

我有一個屏幕登錄在我的應用程序，並獲取框架中的表單數據我需要使用formtoData但它沒有工作，所以我決定創建另一個項目和複製粘貼框架文檔腳本，但仍然沒有工作。Framework7 formToData不工作

的Index.html（測試項目）

 <div class="pages navbar-through toolbar-through"> 
      <!-- Page, "data-page" contains page name --> 
      <div data-page="index" class="page"> 
       <!-- Scrollable page content --> 
       <div class="page-content"> 

         <form id="my-form" class="list-block"> 
         <ul> 
          <li> 
          <div class="item-content"> 
           <div class="item-inner"> 
           <div class="item-title label">Name</div> 
           <div class="item-input"> 
            <input type="text" name="name" placeholder="Your name"> 
           </div> 
           </div> 
          </div> 
          </li> 
         </ul> 
         </form> 

         <div class="content-block"> 
         <a href="#" class="button form-to-data">Get Form Data</a> 
         </div> 

       </div> 
      </div> 
     </div>

JS（測試項目）

// Initialize app 
var myApp = new Framework7(); 


// If we need to use custom DOM library, let's save it to $$ variable: 
var $$ = Dom7; 
$$('.form-to-data').on('click', function(){ 
    alert("dwdq"); 

    var formData = myApp.formToData('#my-form'); 

    alert(formData); 
});

有誰知道它爲什麼不工作？ thx提前。

來源

2017-06-16 sergio

您不工作是什麼意思？ alert（formData）不顯示類似[object Object]的東西嗎？ –

他們改變了functin而不是formToData，現在是formToJSON，他們不會說在官方網站上，我隨便發現了一邊上網。 – sergio

是的，他們對更新文檔不好。 –

他們改變了功能，而不是formToData現在formToJSON

來源

2017-06-17 22:14:59 sergio

您可以使用展位：

formtoData或formToJson將返回相同的值：[對象的對象]

只需使用JSON.stringify()獲得期望的結果。

$$('.form-to-data').on('click', function(){ 

    var formData = myApp.formToData('#my-form'); 
    var formJSON = myApp.formToJSON("#my-form"); 

    console.log(JSON.stringify(formData)); 
    console.log(JSON.stringify(formJSON)); 
}); 

{"name":"Alexandre"} 
{"name":"Alexandre"}

或者你甚至可以像序列化的形式：

$$('.form-to-data').on('click', function(){ 


    var formData = $$.serializeObject(myApp.formToJSON($$("#my-form"))); 

    console.log(formData); 
}); 

name=Alexandre

來源

2017-06-17 22:29:25

Framework7 formToData不工作

回答

相關問題