Question

我正致力于创建嵌入式JavaScript应用程序。出于测试目的，我想在HTML中创建一个输入框，当用户在框中输入他们的名字时，应该会显示一个页面，显示用户输入的内容。此外，我想使用$ http.post（）方法发布用户在json文件中输入的名称。我们有一个处理POST请求的嵌入式服务器。但是我无法向json文件发布任何内容？

这是我的HTML文件：

  <html>
    <head>
    <title>Client-Side Application Framework -- UserDetails</title>
         <link type="text/css" rel="stylesheet" href="css/bootstrap-3.3.5/bootstrap.min.css"/>
        <script type="text/javascript" src="libs/jquery-1.11.2/jquery.min.js">  </script>  
        <script type="text/javascript" src="libs/angular-1.2.16/angular.min.js"></script>    
        <script type="text/javascript" src="app.js"></script>
    </head>
<body ng-app="myApp">
<div ng-controller="myCtrl">
<form ng-submit="sendPost()">
    <input ng-model="newName"/>
    <button type="submit">Send</button>
</form>
<p> Hello {{config.newName}} </p>
</div>
</body>
</html>

这是我的javascript文件

angular.module('myApp', [])
.controller('myCtrl', function ($scope, $http) {
    $scope.sendPost = function() {
    var configUrl = window.location.protocol + "//" + window.location.host +"/ext/hp/userdetails/cp/app-config.json";
     var data = $.param({
            json: JSON.stringify({
                name: $scope.newName
            })
        });
    $http.post(configUrl,data).success(function(data, status, headers, config) {
            $scope.config = data;
        })
    };                   
})

我需要将数据发布到app-config.json文件，然后检索我发布的数据并将其显示在浏览器中。

我有一个空的app-config.json文件。

如何使用角度js和jquery使用$ http.post（）方法将HTML表单数据发布到.json文件？

0 个答案: