2017-06-07 3 views
1

からデータを取得する方法JSON形式のフォームのデータを、クリック機能または送信機能の前にコンソールで表示するにはどうすればよいですか? ; にconsole.log(JSON.stringify(データ)): 私はJSON<form enctype = "json">

<form enctype='application/json'> 
    <input name='url[0][namme]' value=''> 
    <select name='url[0][type]'> 
    <option>Document</option> 
    <option>Audio</option> 
    <option>Video</option> 
    </select> 
    <input name='url[0][link]' value=''> 
     <button id="save" class="btn btn-default">Save</button> 
     <button id="add" class="btn btn-default">ADD</button> 


    </form> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
    var cont =0; 
     $("#save").click(function() { 
      $("form").submit(function() { 

       return false; 
      }); 

     }) 
     $("#add").click(function() { 
      cont++; 
      $("form").append("<br><input name='url["+cont+"][namme]' value=''> <select name='url["+cont+"][type]'>  <option>Document</option> <option>Audio</option>  <option>Video</option> </select> <input name='url["+cont+"][link]' value=''>"); 
     }); 

    </script> 
+0

これは[有効なHTML5エンティティタイプ](https://www.w3.org/TR/html5/forms.html#attr-fs-enctype)ではないので、最初に達成しなければならないものは何ですか? – CBroe

答えて

0

これを試すとフォームのためにこれを使用しています

0

Enctype JSONは有効な値ではありません。したがって、フォーム要素のenctype属性を "application/json"に設定すると、enctype属性のデフォルト値である "application/x-www-form-urlencoded"に戻ります。あなたが使用した構文をまだ実装していないブラウザはありません。

詳細については、https://stackoverflow.com/a/38017366/2549901をご覧ください。

関連する問題