1. 云栖社区>
  2. PHP教程>
  3. 正文

php+Angularjs 实现Post 提交表单 模拟登录

作者:用户 来源:互联网 时间:2017-12-01 15:50:46

php登录postangularjs表单实现提交模拟

php+Angularjs 实现Post 提交表单 模拟登录 - 摘要: 本文讲的是php+Angularjs 实现Post 提交表单 模拟登录, 1、在开始之前我们要了解下angularjs的$http函数,post请求可以简写成$http.post 同时也可以像jQuery那样$http(method:'',url:'',params:'')。 2、在开始之前我们要先声明下默认的

1、在开始之前我们要了解下angularjs的$http函数,post请求可以简写成$http.post 同时也可以像jQuery那样$http(method:'',url:'',params:'')。

2、在开始之前我们要先声明下默认的http头信息
$http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
不写的话可能会在后台接受不到
3、代码如下
前台代码:





<html  ng-app="myApp"  ng-controller="customersCtrl">
<head><script src="http://code.angularjs.org/angular-1.0.1.min.js">script>head>
<body>
<div >
<form>
<input type="text" ng-model="user.name" value="123">
<input type="password" ng-model="user.password" value="123">
{{showinfo}}
<input type="button" ng-click="myform1()" value="登录">
form>
div>
<script>
console.log(app);
// var firstname={firstName}

// alert();
var app = angular.module('myApp', []);
app.controller('customersCtrl', function ($scope, $http) {
$http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
$scope.user = {"name": "11231", "password": "111"};
$scope.showinfo="";
console.log($scope.user);
$scope.myform1 = function () {
$http({
method: 'post', url: 'aaa.php', params: $scope.user
}).success(function (data1) {
console.log(data1.result);
if(data1.result=="ok"){
$scope.showinfo="登录成功";
$scope.user = {"name": "", "password": ""};
}else {
$scope.showinfo="登录失败,请核对用户名密码";
}
}
); }
});script>
body>html>

php代码:


<?php
if(isset($_GET["name"])&&isset($_GET["password"])){
$username=$_GET["name"];
$password=$_GET["password"];
if($username==1&&$password==1){
echo json_encode(array('status'=>0,'result'=>'ok'));
}else{
echo json_encode(array('status'=>'0','result'=>'error'));
}
}
php+Angularjs 实现Post 提交表单 模拟登录-php+Angularjs 实现Post 提交表单 模拟登录-php+Angularjs 实现Post 提交表单 模拟登录-

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索php , 登录 , post , angularjs , 表单 , 实现 , 提交 模拟 ,以便于您获取更多的相关知识。