Angularjs的http请求

2023-11-11

1、使用$http发起请求:

$scope.exportWord = function (item) {

        var config = {

          headers: {

            'Content-Type': 'application/json'

          }};

        $http.post(commonFileUrl + "/paperwordreport/poverty_export_word", item, config)

          .then(function (result) { //正确请求成功时处理

            $scope.downloadExportWord(result.data);

          }).catch(function (result) { //捕捉错误处理

            console.log(result);

          }); }

2、使用Restangular发起http请求:

(1)Restangular在使用前需要设置请求的基地址,即beseUrl:

         RestangularProvider.setBaseUrl(commonUrl);

(2)Restangular的all与one的区别

app.controller("myCtrl",function($scope,Restangular){
    //get请求
    Restangular.all("get").get({}).then(function(data){
        console.log(JSON.stringify(data));//[{"name":"张飞111"},{"name":"关羽111"}]
  })
    Restangular.all("get",147).get({}).then(function(data){
        console.log(JSON.stringify(data));//[{"name":"张飞111"},{"name":"关羽111"}]
    })
    Restangular.one("get",123).get({}).then(function(data){
        console.log(JSON.stringify(data));//[{"name":"刘备"},{"name":"曹操"}]
  })

    //post请求
    Restangular.all("post").post().then(function(data){
        console.log(JSON.stringify(data));//[{"age":"27"}]
   })
    Restangular.one("post",456).post().then(function(data){
        console.log(JSON.stringify(data));//[{"age":"29"}]
    })
})

总结:

  ①、Restangular的All方法会让所有的HTTP请求将首个字符串作为路径来请求数据,第二个字符串将不起作用。例如Restangular.all("get",147)请求路径实际还是'/get'

  ②、Restangular的One方法通过单个对象来发送嵌套的请求,路径按参数顺序用"/"分隔,例如Restangular.one("get",123)请求路径就是'/get/123'

  ③、Restangular是get请求还是post请求与all或one方法无关,与all或one方法后的get或post方法有关。

  ④、Restangular.all("get").get("")就是get请求,get方法内传的是请求的对象,对应的是url?后的参数值,如{"name":"lily"}则表示get请求的url为xxx?name=lily,如果是空对象,就表示不传参,如果不传对象,传字符串,Restangular会自动分隔解析成对象的形式。例如get("555"),会被解析成{"0":5,"1":5,"2":5}。如果不传参数,也会被解析成传的空对象。

  ⑤、Restangular.all("post").post()是post请求。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angularjs的http请求 的相关文章

  • angularjs:如何向资源对象添加缓存?

    在 http 中添加缓存非常简单 通过传递cache true http docs angularjs org api ng http https docs angularjs org api ng service 24http有缓存选项
  • 我如何在 AngularJS 中监听点击并按住的情况?

    我制作了一个时间计数器 您可以通过单击按钮来增加或减少时间 然而 我希望当我单击并按住按钮时 时间的价值会不断攀升 所以目前如果你看到我的Plunkr http plnkr co edit BxX9x5zYFMXVqt5JsN1F p pr
  • 如何从 jQuery 对话框按钮访问我的角度范围?

    http plnkr co edit Rf0VItthVBg6j0z7KudO http plnkr co edit Rf0VItthVBg6j0z7KudO 我正在使用 jQuery 对话框 并且想要使用对话框按钮 但我不知道如何获取范围
  • jQuery 插件不能很好地与 Angularjs 配合使用

    我用过jQuery 滑块在我的项目中 我使用 Angular 加载图像 我目前的观点是这样的 div div class slides container a href img width 919 height 326 alt a div
  • 如何像在 jQuery 中一样在 AngularJS 中触发事件?

    是否可以做类似的事情 container trigger click 仅使用 AngularJS 如果不可能trigger 还有其他方法来管理这种行为吗 我有一个基本示例 可以在单击按钮时创建一个框 创建的框是可拖动的 现在 用户必须单击按
  • 当 Angular 由于数据更改而完成更新布局时如何调用函数

    我有一个 ng repeat 指令 它显示链接列表 它工作正常 但我的代码还有一个 JavaScript 函数 它根据列表的尺寸放置列表 当然 在 Angular 完成数据绑定和修改 DOM 之前 列表的维度是未知的 如果我在数据更改后立即
  • Angular-Chart.js 它不显示图表

    我正在尝试使用 Angular chart js 它没有为我显示任何内容 这是我的 javascript 和 html 页面 function angular module app chart js controller BarCtrl f
  • AngularJS 数据绑定在 ng-bind-html 中?

    是否可以将作用域变量的数据绑定到即将绑定为 ng bind html 的 html 即 我有一个 html div caption div 我的角度模板看起来像 div div 范围变量的值caption在角度控制器中设置 所以 我想绑定数
  • 如何计算表格上的错误数量?

    FIDDLE http jsfiddle net FeS4A 78 我如何计算表格上的错误数量 HTML div Sorry but 3 errors have been made div 您可以通过使用特定错误标准的特定计数来实现此目的的
  • 如何在 e2e AngularJS 测试中进行文件上传?

    在我的一种观点中 我有一个文件上传控件 它支持通过拖放或单击按钮后打开的标准文件对话框上传文件 How to do this in my e2e tests1 1 Just one of the two options will be en
  • Restangular - _.contains() 不是一个函数

    如果您最近通过 Bower 更新了 Restangular 它将安装最新的 Lodash 新的 4 0 然而 这是一个问题 因为 Restangular Angular 现在会抛出错误 contains 不是函数 你怎么解决 解决方案非常简
  • 使用谷歌分析处理带有哈希#的网址

    我正在使用 javascript 客户端 mvc 开发一个 js 单页 Web 应用程序 在本例中为 angular js 我在网站上添加了谷歌分析 但从目前我所看到的 至少是实时的 来看 谷歌没有考虑哈希后的 uri 部分 那就是我有一个
  • 如何在 AngularJS 中刷新/使 $resource 缓存失效

    我有一个简单的 User resource 它使用默认的 http 缓存实现 如下所示 factory User function resource return resource endpoint user current project
  • 在 config() 模块中注入依赖项 - AngularJS

    目前在 app js 中我有以下路线 var gm angular module gm gm services gm directives gm filters gm controllers ngSanitize gm config rou
  • 将表单传递给 AngularJS 组件进行验证

    我正在将旧代码库迁移到 AngularJS 1 5 所推广的新组件架构 我在对较大的表单执行此操作时遇到了问题 传统上 我会附加表单验证 如下所示
  • 量角器按钮单击并在新选项卡中打开页面

    我对量角器相当陌生 我正在尝试自动化一个场景 其中我单击一个按钮 它会在新选项卡中打开一个页面 然后我们需要在新页面中填充表单并提交 Issue 当我单击按钮打开新页面时 我的测试不会等待新页面加载并显示测试完成和成功消息 我正在使用该按钮
  • Google 使用 Angular JS 放置自动完成功能

    我试图让谷歌地点自动完成与 Angular JS 一起工作 这是jsfiddle http jsfiddle net punchouty cTD2a 2 place change 事件后模型未更新 它正在根据输入的变化进行更新 下面是 ht
  • 为什么 html 中的 AngularJS 错误没有显示在控制台中?

    Here s a fiddle http jsfiddle net 6y7odxmj 3 用于说明 当 ng click 指令 例如 调用未在控制器的 scope 或其父级 上定义的函数时 它会默默地失败 当我尝试调试网页时 这种行为令人抓
  • 使用 JWT Laravel 5 进行身份验证,无需密码

    我正在尝试学习 Laravel 我的目标是能够构建一个 RESTful API 不使用视图或刀片 仅使用 JSON 结果 稍后 AngularJS Web 应用程序和 Cordova 混合移动应用程序将使用此 api 经过一番研究 我倾向于
  • Angular 计算 HTML 中的百分比

    我试图在 HTML 中显示百分比值 如下所示 td myvalue totalvalue 100 td 它可以工作 但有时它会给出一个很长的小数 这看起来很奇怪 如何四舍五入到小数点后两位 有更好的方法吗 您可以使用过滤器 如下所示杰夫约翰

随机推荐

  • Win11将WSL做SSH服务器,实现通过局域网SSH远程连接到WSL上,并且开机自动启动,手把手教学

    前言 本人的需求是经常需要将自己的台式机作为服务器使用 但是工作的主力又是笔记本 在公司使用服务器 在家使用台式机 笔记本台式同步代码数据很麻烦 于是产生了这种需求 利用台式机的WSL搭建SSH服务器 局域网内笔记本可直接ssh连接到WSL
  • 数据结构视频教程 -《[麻省理工学院]_算法导论_翻译版》

    整个视频打包下载地址 史上最全的数据结构视频教程系列分享之 麻省理工学院 算法导论 翻译版 转载请保留出处和链接 更多优秀资源请访问 我是码农 MIT无论是在美国还是全世界都有非常重要的影响力 培养了众多对世界产生重大影响的人士 是全球高科
  • mysql 创建用户,指定数据库,表的读写权限常用命令

    mysql 创建用户 指定数据库 表的读写权限常用命令 老是记不住mysql命令 然后网上找了点资料 然后记录下来 方便查询使用 1 远程登录mysql mysql h ip u root p 密码 2 创建用户 格式 grant 权限 o
  • git在项目已存在的情况下拉取某个文件

    git在项目已存在的情况下拉取某个文件 切换到本地该分支后 git checkout Garrick name 如果是某个文件 git checkout Garrick a txt 如果是真个文件夹 文件夹名字为a git checkout
  • 稳压二极管及特性介绍

    稳压二极管及特性介绍 稳压二极管是一种特殊工艺制造的面结型硅半导体二极管 此类二极管杂质浓度比较高 空间电荷区的电荷密度比较大 该区域狭窄 容易形成强电场 当反向电压来临时 反向电流急剧增加 产生反向击穿 稳压管核心理论 稳压管未工作时 处
  • sqli-labs-less-13 post传参+布尔盲注

    Less 13 post 布尔盲注 首先通过burp suite抓包获取报文体 利用harkbar插件进行注入 判断闭合方式 uname or 1 1 passwd submit Submit 发现闭合方式为 uname passwd su
  • 90后的头上少了头发,多了压力

    我已经不怎么笑了 内心也没有以前那么波动了 就像一潭死水 扔个石头都激不起水花 一个刚刚下班的网友这样形容工作后的自己 下了班回到家不就轻松了吗 不 其实只有加班后的回家路上 在地铁上那一个小时可以算得上轻松 虽然拥挤 可地铁上的通勤路 却
  • Python二级(10)——Python的计算机生态

    一 知识导图 二 计算思维 1 人类在认识世界 改造世界过程中表现出三种基 本的思维特征 以实验和验证为特征的实证思维 以物理学科为代表 以推理和演绎为特征的逻辑 思维 以数学学科为代表 以设计和构造为特征 的计算思维 以计算机学科为代表
  • 解决org.springframework.transaction.UnexpectedRollbackException: Transaction silently rolled back beca

    文章目录 1 复现错误 2 分析错误 3 分析spring的事务机制 3 1 入口程序 3 2 事务管理的主方法 3 3 细究各对象的获取 4 functionTwo方法抛异常后的回滚操作 5 functionOne方法尝试提交时的操作 6
  • 《区块链技术原理》笔记

    一 区块链的概念 侠义来讲 区块链是一种按照时间顺序将数据区块一顺序相连的方式组合成的一种链式数据结构 并以密码学方式保证的不可篡改和不可伪造的分布式账本 广义来讲 区块链技术利用链式数据结构来验证和存储数据 利用分布式节点共识算法来生成和
  • Java 单线程池、多线程池、同步、异步的实践

    提示 文章写完后 目录可以自动生成 如何生成可参考右边的帮助文档 文章目录 一 需求 二 解决方案 三 基本模块 1 定义线程池配置 处理异步请求 2 定义单线程池 处理顺序执行的异步请求 3 定义线程 执行具体的工作 4 定义接口API
  • “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘

    vue router 4使用时 报上面的错 代码是这么写的 import VueRouter from vue router const Test template h1 测试 h1 const routes name Test path
  • uni-app编写轮播图

    使用usw就会显示swiper的快捷代码
  • ReduceTask工作机制图解

    1 Copy阶段 ReduceTask从各个MapTask上远程拷贝一片数据 并针对某一片数据 如果其大小超过一定阈值 则写到磁盘上 否则直接放到内存中 2 Merge阶段 在远程拷贝数据的同时 ReduceTask启动了两个后台线程对内存
  • ARM体系结构简介 —— 迅为

    目录 单片机和ARM处理器 内存管理单元 MMU 高速缓冲存储器 CACHE 指令集 ARM的指令系统 ARM处理器工作模式 ARM处理器的内部寄存器 ARM处理器的异常 ARM中断向量 ARM架构的发展 单片机和ARM处理器 内存管理单元
  • 10. adb截图命令

    adb截图命令 adb shell screencap 输入以下命令进行截屏 adb shell screencap sdcard screen png 将截图上传到PC的F盘 已创建目录F screenshot adb pull sdca
  • docker 笔记1

    目录 1 为什么有docker 2 Docker 的核心概念 3 容器与虚拟机比较 3 1传统的虚拟化技术 3 2容器技术 3 3Docker容器的有什么作用 3 4应用案例 4 docker 安装下载 4 1CentOS Docker 安
  • 排序(7)归并排序

    6 归并排序 将两个有序表合并为一个有序表
  • (万字,细细阅读)竞赛算法入门必经算法模型(附带题目链接和模板)

    文章前言 一个普通的ACM算法竞赛选手 以前只知道写题 却没有自己弄一个算法流程 思考许久 决定整理一下算法 先从入门算法入手 如有不足 望指出 持续更新 直到完善 现在已经破万了 最后字数粗略估计将会达到6万字 写完有时间的话会写进阶版的
  • Angularjs的http请求

    1 使用 http发起请求 scope exportWord function item var config headers Content Type application json http post commonFileUrl pa