AngularJs的基础——$http请求数据

$http请求数据主要会有以下三种方式

1.get请求

2.post请求

3.jsonp

[html] view plaincopy

<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
<title>Angular基础</title>
</head>
<body>
<div ng-app="myApp">
<div ng-controller="personCtrl">
姓：<input type="text" ng-model="firstName"/><br/>
名：<input type="text" ng-model="lastName"/><br/>
姓名：<span ng-bind="firstName"></span><span ng-bind="lastName"></span>
</div>
</div>
<script src="angular.min.js"></script>
<script type="application/javascript">
var myApp=angular.module('myApp',[]);
myApp.controller('personCtrl',function($scope,$http){
$http.get('getData.php').
success(function(data) {
console.log(data);
}).
error(function(err) {
//错误代码
});
//$http.post采用postJSON方式发送数据到后台，
// 解决办法：在后台php中使用$postData=file_get_contents("php://input",true);这样就可以获得前端传送过来的数据
var postData={msg:'post的内容'};
var config={params:{id:'5',name:'张三丰'}};
$http.post('postData.php', postData,config).
success(function(data) {
console.log(data);
}).
error(function(err) {
//错误代码
});
var myUrl ="http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1&callback=JSON_CALLBACK";
$http.jsonp(myUrl).success(
function(data){
console.log(data);
}
).error(function(err){
//错误代码
});
$scope.firstName="Wang";
$scope.lastName="Ben";
});
</script>
</body>
</html>

[php] view plaincopy

<?php
//getData.php文件
echo 'hello';

[php] view plaincopy

<?php
//postData.php文件
//用接收json数据的方式
$msg=file_get_contents("php://input",true);
$name=$_GET['name'];
echo $name.$msg."_post";

显示效果：

AngularJs的基础——$http请求数据相关推荐

Node.js 使用http客户端向网站请求数据并保存
app.js代码: // 内置http模块,提供了http服务器和客户端功能 var http=require("http");// 内置文件处理模块 var fs=require ...
前端Vue学习之路(四)axios请求数据
axios 1.增加新知识 2.旧方案 3.新方案(一) 4.为什么要用拦截器 (新方案二) 1.增加新知识假如每个组件都引用axios,后期如果axios库不再维护了,那每个组件都要改动所以封装 ...
python的flask框架显示柱状图_使用Python的Flask框架，结合Highchart，动态渲染图表(Ajax 请求数据接口)...
参考链接:https://www.highcharts.com.cn/docs/ajax 参考链接中的示例代码是使用php写的,这里改用python写. 需要注意的地方: 1.接口返回的数据格式,这个 ...
html弹窗赋值给查询框,bootstrap模态框动态赋值， ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框（JS）...
/查询单个 function query(id) { $.ajax({ url : "/small/productServlet", async : true, type : &q ...
html 中ajax 请求没反应,ajax请求数据成功，页面的数据没有加载出来
w3c的ajax的例子,点击按钮,(ajax请求读取一个本地ajax.txt文件)页面展示其内容, 在chrome中打开页面,点击按钮请求成功,但是页面没有显示ajax.txt的内容,这是为什么呢? ...
node后台fetch请求数据-Hostname/IP doesn‘t match certificate‘s altnames解决方法
node后台fetch请求数据-Hostname/IP doesn't match certificate's altnames解决方法参考文章: (1)node后台fetch请求数据-Hostna ...
向服务器请求数据的五种技术
2019独角兽企业重金招聘Python工程师标准>>> Ajax,在它最基本的层面,是一种与服务器通讯而不重载当前页面的方法,数据可从服务器获得或发送给服务器.有多种不同的方法构造这 ...
AJAX跨域请求数据原理与案例
1.如何通过AJAX跨域请求数据 AJAX通过jsonp来实现跨域请求数据,通过设置dataType(jquery)为jsonp即可. 2.AJAX如何通过jsonp实现跨域(来源于其他网站资料) J ...
Retrofit2.0 请求数据一直出返回网络错误，错误代码 414
今天使用rettorfit 去请求数据一直不成功,请求逻辑上以及请求参数上都没有问题,后台也验证过是通的(我用xutils3请求也是成功的,后来意识到xutils3是将参数放在请求体里面),但是就是 ...

AngularJs的基础——$http请求数据

AngularJs的基础——$http请求数据相关推荐

最新文章

热门文章