手机版

AngularJS $http模块邮政请求实现

时间:2021-09-05 来源:互联网 编辑:宝哥软件园 浏览:

一、代码如下:

$http({ method:'post ',url:'post.php ',data:{name:'aaa ',id:1,age:20}).成功(函数{控制台。日志(请求);}) 解决方案:

1、

var myApp=angular.module('app ',[]);myapp。config(函数($ Httprevieder){ $ Httprevieder。默认值。transform request=function(obj){ var str=[];for(obj中的var p){ str。push(encodeURIComponent(p)'=' encodeURIComponent(obj[p]);}返回字符串。联接(" ");2.

$http({method:'post '、url:'post.php '、data:{name:'aaa '、id:1、age:20}、标头RS : { ' Content-Type ' : ' application/x-www-form-URL-encoded ' }、transformRequest:函数(obj){ var str=[];for(obj中的var p){ str。push(encodeURIComponent(p)'=' encodeURIComponent(obj[p]);}返回字符串。联接(" ");}}).成功(函数{控制台。日志(请求);})php

$ raw post data=file _ get _ contents(' PHP ://input ');$post=json_decode($rawpostdata,true);//传的数据都在$post中了;二、$http请求数据主要会有以下三种方式

1 .获取请求

2 .员额请求

3.jsonp

!DOCTYPE html html lang=' zh _ CN ' head meta charset=' UTF-8 ' title angular基础/title/head dydiv ng-app=' Myapp ' div ng-controller=' person ctrl '姓:输入类型=' text ' ng-model=' first NAmE '/br/名:输入类型='text' ng-model='lastName'/br/姓名:span ng-bind='名字'/span span ng-bind='姓氏'/span/div/div脚本src=' http : angular。量滴js '/script脚本类型=' application/JavaScript ' var myApp=angular。模块(' myApp ',[]);myApp.controller('personCtrl ',function($scope,$http){ $http.get('getData.php ').成功(函数(数据){ console.log(数据));}).错误(函数(错误){ //错误代码});//$http.post采用postJSON方式发送数据到后台, //解决办法:在后台服务器端编程语言(专业超文本预处理器的缩写)中使用$ PostDATa=file _ get _ contents(' PHP ://input ',true);这样就可以获得前端传送过来的数据var postData={msg:'post的内容'};var config={ params 3360 { id : ' 5 ',名称: '张三丰'}};$http.post('postData.php ',postData,config).成功(函数(数据){ console.log(数据));}).错误(函数(错误){ //错误代码});var myURl=' http://www .电话间隙100。com/app API。“PHP?”a=getportallistcatid=20 page=1 call back=JSON _ CALLBACK ';$http.jsonp(myUrl).成功(函数(数据){ console.log(数据));} ).错误(函数(错误){ //错误代码});$scope.firstName='王;$ scope . last name=' Ben });/脚本/正文/html?php//postData.php文件//用接收json数据的方式$ msg=file _ get _ contents(' PHP ://input ',true);$ name=$ _ GET[' name '];回声$名称$msg ._ post ';显示效果:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

版权声明:AngularJS $http模块邮政请求实现是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。