最新资讯当前位置:菲娱2 > 最新资讯 > >

浅谈angularjs $http提交数据探索

  

[angularjs提交数据,angularjs,http]浅谈angularjs $http提交数据探索

  

前两天在搞自己的项目,前端js框架用的是angularjs框架;网站整的差不多的时候出事了;那就是当我用$http.post()方法向服务器提交一些数据的时候;后台总是接收不到数据;  

  

于是采用了其他方法暂时性替代一下;  

  

今天正好有时间研究这个事情;网上查了很多资料;都试了试;都是不太好;但是还是给我提供了一些解决问题的思路;  

  

正文开始:首先做了个demo如下;主要是为了比较他们的不同之处;  

  

恒行注册平台  

  

html如下:  

  
  
  
  
  
  
  

jQ的$.post()提交

  

  
      
  
      
    
  
  
  

angularjs的$http.post()功能

  

  
      
  
      
    
  
  
  
  
  
  

js代码如下:  

  
  
  var app = angular.module('jjd',[]);  app.controller('index',function($scope,$http){  $scope.sdata = {  name:'jQuery',  pwd:'jQuery'  };  $scope.sdata2 = {  name:'Angularjs',  pwd:'Angularjs'  };  /*jQ的ajax提交*/  $scope.jPostData = function(){  //console.log($scope.sdata);  $.post('/web/data.php',$scope.sdata,function(d){  console.log(d);  })  };  /*angularjs的$http提交*/  $scope.aPostData = function(){  $http({  url: '/web/data.php',  method: 'POST',  data:$scope.sdata2  }  }).success(function(da){  console.log(da);  });  };  });
  
  

后台采用php的$_POST接收:  

  
  
  

(责任编辑:admin)

上一篇:JavaScript中误用/g导致的正则test()无法正确重复执

下一篇:举例讲解jQuery对DOM元素的向上遍历、向下遍历和

推荐内容

客户服务热线

010-400-12345

在线客服