$http({url:'',method:''}).success().error()

简洁写法：
$http.get()
$http.post()
...

注意事项：
①要求返回的数据格式是json格式
②在发起post请求时，如果需要传参
$http.post('url',data),需要设置请求头：
$http.defaults.headers.post = {'Content-Type':'application/x-www-form-urlencoded'};

全局设置请求头：
app.run(function($http){
$http.defaults.headers.post = {'Content-Type':'application/x- www-form-urlencoded'};})

例子：

点击按钮，发起get请求，服务器接收数据返回给客户端，将返回的结果显示出来
发送：name='zhangsan'
返回：json格式字符串
tip:welcome zhangsan

<!DOCTYPE html>

<html ng-app="myApp">

<head lang="en">

  <meta charset="UTF-8">

  <script src="js/angular.js"></script>

  <title></title>

</head>

<body>

<div ng-controller="myCtrl">

  <button ng-click="getData()">

    get请求

  </button>

  <ul>

    <li ng-repeat="tmp in list">

      {{"name is "+tmp.name+" age is "+tmp.age}}

    </li>

  </ul>

</div>

<script>

  var app = angular.module('myApp', ['ng']);

  app.controller('myCtrl',

    function ($scope,$http) {

        $scope.list = [];

        $scope.getData = function () {

          $http

            .get('data/test.json')

            .success(function (result) {

              $scope.list = result;

            })

            .error(function () {

              console.log(arguments);

            })

        }

    })

</script>

</body>

</html>

其中 test.json:

[

  {

    "name":"Lucy",

    "age":20

  },

  {

    "name":"Lily",

    "age":21

  },

  {

    "name":"Mary",

    "age":23

  }

]

2.

<!DOCTYPE html>

<html ng-app="myApp">

<head lang="en">

  <meta charset="UTF-8">

  <script src="js/angular.js"></script>

  <title></title>

</head>

<body>

<div ng-controller="myCtrl">

  <button ng-click="postData()">

    获取信息

  </button>

  <span>{{msg.tip}}</span>

</div>

<script>

  var app = angular.module('myApp', ['ng']);

  //全局设置 post请求头

  //app.config 需要用到provider

  //app.run

  app.run(function ($http) {

    $http.defaults.headers.post = {

      'Content-Type':

        'application/x-www-form-urlencoded'

    }}

    );

  app.controller('myCtrl',

    function ($scope,$http,$httpParamSerializerJQLike) {

      $scope.postData = function () {

        var user =

        {name:'zhangsan',age:20,score:90};

        var result =

          $httpParamSerializerJQLike(user);

        console.log(result);

        $http

          .post('data/test.php',result)

          .success(function (data) {

            console.log(data);

            $scope.msg = data;

          })

      }

    })

</script>

</body>

</html>

其中test.php:

<?php

header("Content-Type:application/json");

@$name = $_REQUEST['name'];

$result = [];

$result = [

'tip'=> 'welcome '.$name

];

echo json_encode($result);

?>

ng $http 和远程服务器通信的一个服务。的更多相关文章

  1. 使用VISIO远程服务器上的ORACLE数据库，反向生成数据库实体关系图

    反向即根据已有的数据库,生成ER图,很多工具都可以实现这一过程,如visio,powerdesigner等,下面文章记录一下我使用VISIO生成远程服务器上的一个数据库ER图过程,供以后自己参考. 1 ...

  2. Maven部署web应用到远程服务器

    Maven部署web应用到远程服务器 找到了一个很详细的地址:http://www.mkyong.com/maven/how-to-deploy-maven-based-war-file-to-tom ...

  3. 关于nagios监控远程服务器对服务器性能影响的测试

    1.    Nagios监视远程服务器时,是通过在控制端执行以下命令进行数据收集的: /usr/local/nagios/libexec/check_http -I 192.168.16.11 /us ...

  4. ORA-12538;ORA-12154；使用PL/SQL dve无法连接远程服务器上的oracle数据库，同时本机上也安装了一个oracle数据库

    问题描述:本人使用PL/SQL dve连接远程服务器上的oracle数据库,一直是没有问题的.我想提高下自己在数据库方面的能力就在自己的笔记本上安装了一个oracle数据库实例,安装并配置好之后,使用 ...

  5. git本地创建一个分支并上传到远程服务器上

    git branch 查看分支 新建分支:git checkout -b dev 把新建的本地分支push到远程服务器 git push origin 本地名字:外地名字 删除远程分支 git pus ...

  6. android-数据存储之远程服务器存储

    一.如何编码实现客户端与服务器端的交互 <一>JDK内置原生API HttpUrlConnection <二>Android内置的包装API HttpClient浏览器 < ...

  7. 解放双手：如何在本地调试远程服务器上的Node代码

    写在前面 谈到node断点调试,目前主要有三种方式,通过node内置调试工具.通过IDE(如vscode).通过node-inspector,三者本质上差不多.本文着重点在于介绍 如何在本地通过nod ...

  8. Linux 笔记 #03# 在 Debian远程服务器上运行 Java socket程序

    我试图做什么:把我的破代码放到服务器上运行,并成功与客户端进行 socket通信. 预备环境:刚安装好 MySQL 和 JVM 的 Linux远程服务器(Debian 8)一台. 主要有如下几个步骤: ...

  9. AngularJs 与服务器通信 $http, $q, $resource

    $http服务是AngularJS系统自带的,可以用来进行网络通信.获取远程服务器的数据.要记住的是,$http是对浏览器XMLHttpRequest的封装,也就是说,它其实是Ajax. $http( ...

随机推荐

  1. Spring中的定时调度(Scheduling)和线程池(Thread Pooling)

    使用triggers和SchedulerFactoryBean来包装任务 我们已经创建了job details,jobs.我们同时回顾了允许你调用特定对象上某一个方法的便捷的bean. 当然我们仍需要 ...

  2. 【JavaScript】动态的小球

    参考: 1.CSS 对比 JavaScript 动画 2.CSS制作水平垂直居中对齐_水平居中, 垂直居中 教程_w3cplus:https://www.w3cplus.com/css/vertica ...

  3. clipbrd剪切板查看器

    本文,我们来学习一下简单的概念,即,如何查看系统剪贴版里面有什么内容?   如果要想看.或者验证系统剪贴版里面都有什么内容,最为简单的方法就是通过"粘贴"的操作来验证!   但是, ...

  4. 20145222黄亚奇《网络对抗》MSF基础应用

    实践目标 掌握metasploit的基本应用方式. 具体需要完成(1)ms08_067;(2)ms11_050:(3)Adobe(4)成功应用任何一个辅助模块. 实验内容 掌握metasploit的基 ...

  5. QMesageBox的使用

    一.使用构造函数弹出对话框 1. QMessageBox msgBox://最简单的对话框,里面什么也没有 QString str = “test”: msgBox.setText(str); msg ...

  6. Metasploit 内网渗透篇

    0x01 reverse the shell File 通常做法是使用msfpayload生成一个backdoor.exe然后上传到目标机器执行.本地监听即可获得meterpreter shell. ...

  7. iOS 10 系统 AVPlayer视频播放不了问题解决

    使用［AVAudioPlayer Play］时出现了异常... 由于xcode中设置了当所有异常出现时的断点,,解决办法是将all改为Objective-C: libc++abi.dylib`__cx ...

  8. web页面如何打包封闭成手机APP

    所谓的webApp就是html页面跟原生app结合而成的一种应用,这种应用的开发可以节省不少的成本,做出来的app跟原生一样,webApp利用框架技术可以让你有使用app的感觉,具体可以看平安银行的a ...

  9. Autofac Getting Started(默认的构造函数注入)

    https://autofaccn.readthedocs.io/en/latest/getting-started/index.html The basic pattern for integrat ...

  10. PAT1054. The Dominant Color (20)

    #include <iostream> #include <map> using namespace std; int n,m; map<int,int> imgM ...