Angular js表单向服务器提交并发送准备好的json数据

Angular js form submit and send prepared json data to server

本文关键字：准备好 json 数据 并发 提交 js 表单 服务器 Angular      更新时间：2023-09-26

我想在表单提交事件上准备数据并将其发送到服务器。

我有一个表单在step1.php文件

<form name="DTOstep1" >
  <input type="text" name="save_quote_email" id="save_quote_email" />
  <br><br>
  <input type="submit" value="Save" />
</form>

当我提交这个表单时，我想从app/ctrl/autoQuoteCtrl.js中调用Controller函数

请让我知道如何使api调用在这里发送数据(O)到服务器?

html 

<form role="form" name="form1">
      <div class="form-group">
        <p>Welcome : <span>{{user.mail}}</span></p>
        <label for="exampleInputEmail1">Mail</label>
        <input type="text" placeholder="Enter name"  class="form-control" ng-model="user.mail" required>
      </div>
      <div class="form-group">
        <label for="exampleInputPassword1">Password</label>
        <input type="password" placeholder="Password" id="exampleInputPassword1" class="form-control" ng-model="user.pass" required>
      </div>
      <button class="btn btn-default" type="submit" ng-click="login(user)" ng-disabled="form1.$invalid">Submit</button>
      <p>{{msgtxt}}</p>
</form>

Controller.js

使用严格的;

app.controller('loginCtrl', ['$scope','loginService', function ($scope,loginService) {
    $scope.msgtxt='';
    $scope.login=function(data){
        alert(JSON.stringify(user));
    };
}]);
相关文章：