$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. numpy.linspace介绍

    numpy.linspace:在指定范围内返回均匀间隔的数组 In [12]: import numpy as np In [13]: result = np.linspace(1,10) #默认生成 ...

  2. Node.js学习笔记（3）：NPM简明教程

    Node.js学习笔记(3):NPM简明教程 NPM常用操作 更新NPM版本 npm install npm -g -g,表示全局安装.我们可以指定更新版本,只需要在后面填上@版本号即可,也可以输入@ ...

  3. Codeforces Round #397 by Kaspersky Lab and Barcelona Bootcamp (Div. 1 + Div. 2 combined) B - Code obfuscation

    地址:http://codeforces.com/contest/765/problem/B 题目: B. Code obfuscation time limit per test 2 seconds ...

  4. HDU - 6406 Taotao Picks Apples (RMQ+dp+二分)

    题意:N个高度为hi的果子,摘果子的个数是从位置1开始从左到右的严格递增子序列的个数.有M次操作,每次操作对初始序列修改位置p的果子高度为q.每次操作后输出修改后能摘到得数目. 分析:将序列分为左.右 ...

  5. MarkDown初学者使用指南

    换MarkDown编辑器了,突然发现自己不会,尴尬!所以顺便总结下Markdown的常用语法 标题 一级标题(格式:#+XXXXX) 二级标题(格式:##+XXXXXX) 三级标题(格式:###+XX ...

  6. linux下字典生成工具－crunch与rtgen

    所谓的密码字典主要是配合密码破解软件所使用,密码字典里包括许多人们习惯性设置的密码.这样可以提高密码破解软件的密码破解成功率和命中率,缩短密码破解的时间.当然,如果一个人密码设置没有规律或很复杂,未包 ...

  7. 判断当前html是否在微信中打开

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...

  8. Luogu-3648 [APIO2014]序列分割

    Luogu-3648 [APIO2014]序列分割 题目链接 题解: 首先要发现一个重要的性质:分割的顺序是不会影响答案的 证明: 首先对于没有交的两段区间,显然先后顺序改变不会有影响 而对于在同一段 ...

  9. USACO 简易题解（蒟蒻的题解）

    蒟蒻难得可以去比赛,GDOI也快到了,还是认真刷题(不会告诉你之前都在颓废),KPM 神犇既然都推荐刷USACO, 辣就刷刷. 现在蒟蒻还没刷完,太蒟刷得太慢,so 写了的搞个简易题解(没代码,反正N ...

  10. 基于mysql数据库集群的360度水平切割

    1.why sharding? 我们都知道,信息行业发展日益迅速,积累下来的数据信息越来越多,互联网公司门要维护的数据日益庞大.设想一下,假如腾讯公司只用一个数据库的一张表格来存储所有qq注册用户的登 ...