如何使用eihter javascript或jquery或angularjs將每個表單輸入按鈕動作保存到json文件中？

Question

我想保存我所有的表單輸入，每個按鈕操作（對於ng單擊和非ng單擊的文件，包括文件上傳/ URL等，即無論我單擊什么，這些值都應存儲在json文件/對象中，即對於所有<input type="button">在我的情況下），使用javascript或jquery或angularjs提供給定的示例結構（示例結構在Fiddle中提供）。在這里，我將獲得每個操作日志： console.log('User actions :', $scope.userActions); ，但我需要將相同的操作日志存儲在具有給定所有輸入類型的正確結構的json文件中。 如何實現呢？

Answer 1

AngularJS支持雙向綁定，這意味着您不需要提交數據。

由於我對您的特定用例了解不足，因此無法充分發揮作用，但這應該可以幫助您：

朋克

最主要的是，所有內容都存儲在范圍變量中（作為JSON）：

$scope.source = {
    'testingwizard' : 'TestingWizard',
   'firstTitle': 'First Title',
   'nextstep': 'Sub',
    'test': {
      'uploadedurl': '/...abc.html',
      'text': 'TEST'
      },
   'network':   
   {
     'layer0': 'TestValue0',
    'layer1': 'TestValue1',
    'layer2': 'TestValue2',
     'testdata': 'TESTDATA',
     'number': '10'
   },
   'yesname': 'yes',
   'Result': 'TestResult',
};

只要您在該頁面上，該命令就處於活動狀態，因此您可以隨時將$ http放在后端（並具有您期望的值）。

PS：我稍微更改了Plunk（添加了新的前綴）中的值，以證明它不是提供值的HTML。