如何使用put方法从表单更新数据库

时间:2014-05-14 12:18:56

标签: database angularjs rest

我正在尝试从表单更新数据库而不使用任何php,我正在使用带有MySql的angularjs

如果我在put方法中使用以下内容,我可以将用户插入数据库,我

http://localhost:8080/CyberSolution/rest/user/register?u=tester&pw=fred&fname=Fred&lname=Smith&email=fred@localhost.com

我已经制作了一个基本的html表单

<form method="POST" action="">

  Username: <input type="text" name="username" size="15" /><br />

  Password: <input type="password" name="password" size="15" /><br />
  email: <input type="text" name="email" size="15" /><br />
  First name: <input type="text" name="first_name" size="15" /><br />
  Last name: <input type="text" name="lirst_name" size="15" /><br />
    <p><input type='submit' name='Submit' value='Submit' /></p>

</form>

我第一次使用AJS,第一次使用REST,我不确定如何将表单链接到数据库进行更新。我不确定在controllers.js中还需要什么

由于

1 个答案:

答案 0 :(得分:4)

您只需使用$ http服务。

首先使用ng-model在对象中存储字段值:

<form ng-submit="send_form()" action="">

  Username: <input type="text" name="username" size="15" ng-model="form.username" /><br />

  Password: <input type="password" name="password" size="15" ng-model="form.password"/><br />
  email: <input type="text" name="email" size="15" ng-model="form.email"/><br />
  First name: <input type="text" name="first_name" size="15" ng-model="form.first_name"/><br />
  Last name: <input type="text" name="lirst_name" size="15" ng-model="form.last_name"/><br />
    <p><input type='submit' name='Submit' value='Submit' /></p>

</form>

然后在您的控制器中使用(或者更好,通过服务):

function myController($scope, $http) {
    $scope.send_form = function () {
       $http.put('http://localhost:8080/CyberSolution/rest/user/register', $scope.form).success(successCallback);
    }
}