anjularjs ajax 调用,AngularJS AJAX调用的服务(AngularJS Ajax Call in Service

我想我的应用程序，使AJAX调用一个RESTful Web服务。在我的html文件是连接到一个范围对象两个文本框。这两个领域都连接到通过NG-变“后”功能。 post方法发送“形式”变量从范围的API和web服务增加了两个数字，并用JSON文件，该文件现在包含的结果做出响应。 (这可能不是很REST风格，但它为我的作品)

它只要我在我的控制器这样的Ajax调用工作完全正常：

myApp.controller('myCtrl', ['$scope', '$http', function ($scope, $http) {

$scope.form = {

"number1" : "",

"number2" : "",

"result" : ""

};

$scope.post = function () {

$http({

url: "http://localhost:7777/api",

method: "POST",

data: $scope.form,

headers: {'Content-Type': 'application/json'}

}).success(function (data, status, headers, config) {

$scope.form = data;

}).error(function (data, status, headers, config) {

$scope.status = status;

});

};

}]);

现在当然不会很好看。所以，我试图把Ajax调用到服务。

这项新服务是这样的：

myApp.service('myService', ['$http', function ($http) {

this.post = function (scopeData) {

var myData = scopeData;

alert('Result1: ' + myData.result);

$http({

url: "http://localhost:7777/api",

method: "POST",

data: myData,

headers: {'Content-Type': 'application/json'}

}).success(function (data, status, headers, config) {

myData = data;

alert('Result2: ' + myData.result);

}).error(function (data, status, headers, config) {

var status = status;

});

};

alert('Result3: ' + myData.result);

return myData;

};

}]);

在控制器我把这样的服务：

[...]

$scope.post = function($scope.form) {

$scope.form = myService.post($scope.form);

};

[...]

它没有在所有的工作。所以我说在服务这三个警报。什么时候我在浏览器中打开我的应用情况是，当我改变一个字段，弹出的第一个警告是在一个叫“结果1”，然后“Result3”，然后“结果2”。结果2甚至可以显示正确的结果。所以，在某种程度上好像在我的服务“后”功能不等待Ajax调用来完成。

是否有人知道如何我可能会解决这一问题？

anjularjs ajax 调用,AngularJS AJAX调用的服务(AngularJS Ajax Call in Service相关推荐

axios重新调用失败的ajax_Vue之axios实现ajax数据请求
Vue通过axios实现数据请求 vue.js默认没有提供ajax功能的.所以使用vue的时候,一般都会使用axios的插件来实现ajax与后端服务器的数据交互. # 下载地址: https://un ...
ajax调用ashx的方法,jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法
1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是&q ...
设置maxJsonLength，解决ajax通过POST方式调用.net的webService时，数据过长时服务器返回500错误的问题
设置maxJsonLength,解决ajax通过POST方式调用.net的webService时,数据过长时服务器返回500错误的问题参考文章: (1)设置maxJsonLength,解决ajax通 ...
js ajax通用方法,目前5个流行的AJAX调用JavaScript库
在这篇文章中,我们将看一些用于进行AJAX调用的最好的JavaScript库,包括jQuery,Axios和Fetch. AJAX是由客户端框架和库用来对服务器进行异步HTTP调用的一组Web开发技术 ...
ext.ajax.request如何同步调用,Ext.Ajax.request同步请求
导读: ajax分为2种,一种是同步,一种是异步同步:代码执行完了之后才执行后面的代码异步:代码刚执行,后面的代码就马上接着执行了,不管前面的代码是否执行完异步的情况下,要获得返回信息,就需要在 ...
如何用javascript api for arcgis调用有参数的GP服务
如何用javascript api for arcgis调用有参数的GP服务 javascript代码:(个别变量没有说明,大家就就看看大概思路就好了,这是我的完整代码) 1 var linesCan ...
java调用webservice_WebService学习总结(四)——调用第三方提供的webService服务
只为成功找方法,不为失败找借口! 互联网上面有很多的免费webService服务,我们可以调用这些免费的WebService服务,将一些其他网站的内容信息集成到我们的Web应用中显示,下面就以获取天气 ...
WebService学习总结——调用第三方提供的webService服务
互联网上面有很多的免费webService服务,我们可以调用这些免费的WebService服务,将一些其他网站的内容信息集成到我们的Web应用中显示,下面就以获取天气预报数据.气象中心的管理系统将收集 ...
SpringCloud实现一个模块调用另一个模块的服务
SpringCloud实现一个模块调用另一个模块的服务简介基于SpringCloud框架搭建的项目,不同模块之间是无法调用各自的服务的,但是经常我们需要使用这样的模式去开发,那么如何实现不同模块之 ...
在Android中调用KSOAP2库访问webservice服务出现的服务端传入参数为null的问题解决
在Android中调用KSOAP2库访问webservice服务出现的服务端传入参数为null的问题解决参考文章: (1)在Android中调用KSOAP2库访问webservice服务出现的服务端 ...

anjularjs ajax 调用,AngularJS AJAX调用的服务(AngularJS Ajax Call in Service

anjularjs ajax 调用,AngularJS AJAX调用的服务(AngularJS Ajax Call in Service相关推荐

最新文章

热门文章