麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

AngularJS $http模塊POST請求實現

2019-11-19 16:52:52
字體:
來源:轉載
供稿:網友

一、代碼如下:

$http({   method:'post',   url:'post.php',   data:{name:"aaa",id:1,age:20} }).success(function(req){   console.log(req); }) 

解決方案:

1、 

var myApp = angular.module('app',[]);myApp.config(function($httpProvider){ $httpProvider.defaults.transformRequest = function(obj){var str = [];for(var p in obj){str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));}return str.join("&");

  2.  

$http({method:'post',url:'post.php',data:{name:"aaa",id:1,age:20},headers:{'Content-Type': 'application/x-www-form-urlencoded'},transformRequest: function(obj) {var str = [];for(var p in obj){str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));}return str.join("&");}}).success(function(req){console.log(req);})

 php

 $rawpostdata = file_get_contents("php://input"); $post = json_decode($rawpostdata, true); //傳的數據都在$post中了;

二、 $http請求數據主要會有以下三種方式

1.get請求

2.post請求

3.jsonp

<!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//postData.php文件//用接收json數據的方式$msg=file_get_contents("php://input",true);$name=$_GET['name'];echo $name.$msg."_post";

顯示效果:

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 欧美人一级淫片a免费播放 久久久久久久久91 国产99久久久久久免费看 | 麻豆传传媒久久久爱 | 最新一级毛片 | 91精品国产91久久久久久吃药 | 毛片三区 | 99亚洲| 一区在线视频观看 | 97精品视频在线观看 | 一级做a爱片久久毛片a高清 | 国产精品刺激对白麻豆99 | 激情久久一区二区 | 成人做爰高潮片免费视频美国 | 777午夜精品视频在线播放 | 日韩欧美视频一区二区三区 | 91福利国产在线观一区二区 | 国产精品视频导航 | 免费国产一级淫片 | 97中文字幕在线观看 | 久久免费视频1 | 日韩色视频 | 91精品国产综合久久婷婷香蕉 | 欧美日本色 | 一级在线免费观看视频 | 日韩视频精品一区 | 中文字幕激情视频 | 久久久久久久久国产 | 欧美三日本三级少妇三级99观看视频 | 久久久久二区 | 国产一区毛片 | 免费a级毛片永久免费 | h视频在线免费观看 | 久久久久99999 | 亚洲特黄 | 免费a级网站 | 羞羞的视频在线 | 夜添久久精品亚洲国产精品 | 久久免费视频一区二区三区 | 日本不卡一区二区三区在线观看 | 久草成人在线 | 国产69精品久久久久久 | a免费视频 |