node.js中使用angularjs表单无法发出HTTP请求
在一个模态框中使用form表单，总是无法发出HTTP请求(使用的是angularjs中的$http服务)，求大佬告知哪里出错
完整代码，我把jQuery放在angularjs之前引入发现一切功能都正常，就没使用uibootstrap
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<base href="/"><script src="jquery.min.js"></script>
<script src="angular.min.js"></script><link rel="stylesheet" href="bootstrap.min.css">
<script src="bootstrap.min.js"></script>
<script>
angular.module('myApp',[])
.controller('myController',['$scope','$http',function($scope,$http){
$scope.account='';
$scope.password='';
$scope.submit=function(){
console.log('example');
$http.post('api/login',{
Account:$scope.account,
PassWord:$scope.password
}).success(function(data){
console.log(data);
}).error(function(data){
console.log(data);
});
};
}]);
</script></head>
<body ng-app="myApp" ng-controller="myController">
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#loginModal">登陆</button>
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="false">
<div class="modal-dialog" >
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form ng-submit="submit()" novalidate>
<div class="form-group">
<label for="loginAccount">账号</label>
<input type="text" ng-model="account" class="form-control" id="loginAccount" placeholder="Account">
</div>
<div class="form-group">
<label for="loginPassword">密码</label>
<input type="password" ng-model="password" class="form-control" id="loginPassword" placeholder="Password">
</div>
<div class="form-group">
<button type="submit" data-dismiss="modal" class="btn btn-default">登陆</button>
</div>
</form>
</div>
</div>
</div>
</div></body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
看一眼完整的html代码。
谢邀
你的代码不是很完整 看不出来
如果你的打印一个都没出来，我怀疑你的controller并不是modal的控制器