$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. Linux常用命令（更新）

  2. 微信小程序组件progress

    基础内容progress:官方文档 Demo Code: Page({ data:{ percent:0 }, onReady:function(){ this.percentAdd(); }, pe ...

  3. 使用Linq to XML 修改app.config

    使用其他的方法修改app.config无效.而且修改的是*.vshost.exe.Config,程序运行时正常,关闭之后就还是原来的值. Configuration configuration = C ...

  4. ES6 随记（3.4.1）-- 函数的拓展（参数默认值，扩展运算符）

    上一章请见: 1. ES6 随记(1)-- let 与 const 2. ES6 随记(2)-- 解构赋值 3. ES6 随记(3.1)-- 字符串的拓展 4. ES6 随记(3.2)-- 正则的拓展 ...

  5. pt-osc测试

    pt-osc测试 1.原表必须存在主键 PRIMARY KEY 或者 UNIQUE KEY The new table `darren`.`_t_user_new` does not have a P ...

  6. MySQL-5.7创建及查看数据库

    1.创建数据库语句 create database语句是在MySQL实例上创建一个指定名称的数据库. create schema语句的语义和create database是一样的. 2.语法解析 CR ...

  7. Android震动vibrator（马达）--系统到驱动的流程【转】

    本文转载自:https://blog.csdn.net/tianshiyalin/article/details/17136723 一.前言 本人刚学习安卓驱动开发,水平不能说菜,是根本没有水平,在这 ...

  8. COS-3OS的用户接口

    操作系统是用户和计算机的接口,同时也是计算机硬件和其他软件的接口.操作系统的功能包括管理计算机系统的硬件.软件及数据资源,控制程序运行,改善人机界面,为其它应用软件提供支持,让计算机系统所有资源最大限 ...

  9. Docker入门使用

    先来一波docker的指令:      docker inspect 容器id  查询容器信息      docker stop  容器id  停止容器id      docker rm  容器id ...

  10. eclipse向上/下复制一行（或者多行）的快捷键失效的基本解决方法

    在eclipse中,快捷键Ctrl+Alt+↓是向下复制选中的行,快捷键Ctrl+Alt+↑是向上复制选中的行. 这两个快捷键也是我常用的快捷键之一,以前也遇到失效. 所以现在记录一个解决的方法: 在 ...