Angular 简单的Post

<!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>
时间: 2024-11-19 08:33:44

Angular 简单的Post的相关文章

Node.js开发入门—Angular简单示例

在"使用AngularJS"中,我们提到了如何在Node.js项目中引入AngularJS,这次提供一个非常简单的示例,演示AngularJS里的指令.数据绑定.服务等内容. 我准备做Web后台管理系统,不同的管理员会有不同的权限,管理员登录后看到的菜单和他的权限有关,能看到什么,是动态生成的(类似RBAC).本文的示例从这个项目而来,当然,现在还是最简单的. 如果没有特别说明,后面我们用到的示例都使用express generator生成. Angular小demo 先搞起来吧. 第

Angular 简单使用

简单示例,直接上代码 1.Hello World <!DOCTYPE html> <html ng-app="helloworld"> <head>     <title>Angular JS (一)Hello World</title>     <meta http-equiv="Content-Type" content="text/html;charset=utf-8">

Angular 简单的Get

<!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-co

angular简单爬取百度搜索内容提示

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>百度搜索</title> //引入相关插件 <script src="https://cdn.bootcss.com/angular.js/1.3.8/angular.js"></script> <script src="https://c

Angular路由的定义和使用

一.什么是routing(路由) Almost all non-trivial, non-demo Single Page App (SPA) require multiple pages. A settings page is different from a dashboard view. The login page is different from an accounts page(设置页面不同于控制页面,登录页面不同于账号信息页面....就是说一个应用很多功能不同的页面) 我们可以使

Angular 2的安装与使用(Ubuntu15.04)

Angular 2安装前准备 安装依赖(g++.libssl-dev) 在安装node.js之前,如果没有安装g++和libssl-dev的,按照以下步骤安装: sudo apt-get install g++ sudo apt-get install 安装nodejs 较旧的版本会产生错误,但较新版本正常. 接下来就是安装node.js了: mkdir tools cd tools/ wget https://nodejs.org/dist/v7.10.0/node-v7.10.0-linux

前端框架Vue、angular、React的优点和缺点

学习web前端开发中,会有很多的框架,那么目前流行的框架有哪些呢? 一.Vue.js: 其实Vue.js不是一个框架,因为它只聚焦视图层,是一个构建数据驱动的Web界面的库. Vue.js通过简单的API(应用程序编程接口)提供高效的数据绑定和灵活的组件系统. Vue.js的特性如下:    1.轻量级的框架    2.双向数据绑定    3.指令    4.插件化 优点: 1. 简单:官方文档很清晰,比 Angular 简单易学.  2. 快速:异步批处理方式更新 DOM.  3. 组合:用解

Vue.js和angular.js的区别

关于Vue的描述: HTML模版+JSON数据,再创建一个Vue实例,就这么简单 关于Angular的描述: AngularJS是为了克服HTML在构建应用上的不足而设计的.HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了.所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事. 由此可以看出Vue比Angular相对来说简单一些,在 API 与设计两方面上 Vue.js 都比 Angular 简单得多,因此你可以快速地掌握它的全部特性并投入开发

vue,react,angular

一.Vue.js:     其实Vue.js不是一个框架,因为它只聚焦视图层,是一个构建数据驱动的Web界面的库.     Vue.js通过简单的API(应用程序编程接口)提供高效的数据绑定和灵活的组件系统.     Vue.js的特性如下:    1.轻量级的框架    2.双向数据绑定    3.指令    4.插件化    优点: 1. 简单:官方文档很清晰,比 Angular 简单易学.  2. 快速:异步批处理方式更新 DOM.  3. 组合:用解耦的.可复用的组件组合你的应用程序.