Javascript 发送POST请求并获取邮件
我正在用Angular编写我的第一个应用程序,现在面临着这个问题。。。我有身份验证令牌的POST请求地址。比如:Javascript 发送POST请求并获取邮件,javascript,angularjs,Javascript,Angularjs,我正在用Angular编写我的第一个应用程序,现在面临着这个问题。。。我有身份验证令牌的POST请求地址。比如: http://example.com/orders?authentication_token=123456 因此,我需要让ng提交或ng单击,发送该请求并获取一组项目并在页面上显示它们。。。 此外,我还有一个主体: { "order": { "seller_id":84, "price":123, "delivary_date":"12-12-2025",
http://example.com/orders?authentication_token=123456
因此,我需要让ng提交
或ng单击
,发送该请求并获取一组项目并在页面上显示它们。。。
此外,我还有一个主体
:
{
"order": {
"seller_id":84,
"price":123,
"delivary_date":"12-12-2025",
}
}
那么,最好的方法是什么呢?假设您有一个
orderCtrl
ng单击
或ng提交
取决于您的应用程序要求。调用触发$http
post的函数someFunction()
,您可以处理成功和失败响应
app.controller('orderCtrl', function($scope, $http) {
$scope.someFunction = function(){
var data = {}; // prepare your data here.
$http({
method : "POST",
url : "specify your url here",
data : data
}).then(function mySucces(response) {
var response = response.data;
// handle your success here
}, function myError(response) {
// handle the failure here
});
});
});
注意:
如果您正在使用表单,并且希望在用户填写完所有信息后触发此功能,请使用ng submit
。如果是独立的,则使用ng单击
我再说一遍,这完全取决于你在做什么。假设你有一个orderCtrl
ng单击
或ng提交
取决于您的应用程序要求。调用触发$http
post的函数someFunction()
,您可以处理成功和失败响应
app.controller('orderCtrl', function($scope, $http) {
$scope.someFunction = function(){
var data = {}; // prepare your data here.
$http({
method : "POST",
url : "specify your url here",
data : data
}).then(function mySucces(response) {
var response = response.data;
// handle your success here
}, function myError(response) {
// handle the failure here
});
});
});
注意:
如果您正在使用表单,并且希望在用户填写完所有信息后触发此功能,请使用ng submit
。如果是独立的,则使用ng单击
我再说一遍,这完全取决于你在做什么。所以你必须做一个角度服务,它将与服务器通信并获取数据,还有一个角度控制器,它将与服务交互以获取数据并在UI上显示
假设服务名称为MyService:
控制器名称为MyCntrl:
我相信这会帮助你解决你的需求 因此,您必须创建一个Angle服务,该服务将与服务器通信并获取数据,以及一个Angle控制器,该控制器将与服务交互以获取数据并在UI上显示
假设服务名称为MyService:
控制器名称为MyCntrl:
我相信这会帮助你解决你的需求 那么问题是什么呢?文档中有关于如何使用$http服务的完美示例。这个问题实在太广泛了。建议你把范围缩小到小范围,先找一些教程和文档来了解更具体的问题。这个网站不是一个教程或代码编写服务,那么问题是什么呢?文档中有关于如何使用$http服务的完美示例。这个问题实在太广泛了。建议你把范围缩小到小范围,先找一些教程和文档来了解更具体的问题。本网站不是教程或代码编写服务(非常感谢!)我重新编写了一点:app.controller('MyCntrl',['$scope','MyService',function($scope,MyService){…})代码>是的,这是gr8这将帮助您在尝试缩小代码时不破坏代码!!!非常感谢我重新编写了一点:app.controller('MyCntrl',['$scope','MyService',function($scope,MyService){…})代码>是的,这是gr8这将帮助您在尝试缩小代码时不破坏代码!!!谢谢)我认为我需要从学习AJS的一开始就正确地书写员工,因此我更喜欢将服务和控制器彼此分开)谢谢)我认为我需要从学习AJS的一开始就正确地书写员工,因此我更喜欢将服务和控制器彼此分开)
app.controller('MyCntrl', function($scope, MyService) {
function successCallback(data) {
$scope.itemList = data;
}
function failureCallback(data, status) {
$scope.itemList = {};
}
$scope.handleClick = function() {
MyService.getData(successCallback, failureCallback);
}
});