submit form to a php file with angular

Question

i would like to submit my form to a php file

var myApp = angular.module('myApp',[]);
myApp.controller('FormController', function($scope, $http) {
  $scope.task = {
    group: 'fix',
    showme: true,
    select1: 'basique',
    select2: 'micro',
    select3: '1',
    select4: '1',
    select5: 'jour'
  };
  
  var server = 'http://localhost/myserver.php?cd=add';
  var parameters;
  
  $scope.submit = function(form) {
    angular.forEach($scope.task, function(value, key) {
      if(value) {
        if(key === 'date') {
          value = new Date(value).getTime();
        }
        parameters += '&'+key+'='+value;
      }
    });
    console.log(server+parameters);
    //$http.post(server+parameters)
    //.success(function(result) {
    //  console.log("success", result);
    //})
    //.catch(function(error) {
    //  console.log("error", error);
    //})
  }
})

this is the codpen codepen is this valid?

the result at should be http://localhost/myserver.php?cd=add'name='&'describe='

Paresh Gami · Accepted Answer · 2015-08-25 12:55:32Z

1

You are create query string using foreach() and pass with server url but. you are use $http.post(). you have to use $http.get() if you want pass with server url.

Below example with help

$scope.submitForm = function($valid)
{ 
    myobject = {'email' : $scope.user.email, 'pass' : $scope.user.pass};
    Object.toparams = function ObjecttoParams(obj)
    {
        var p =[];
        for (var key in obj)
        {
            p.push(key + '=' + encodeURIComponent(obj[key]));
        }
        return p.join('&');
    };

    $http({
        url: WSURL + '/login',
        method: "POST",
        data: Object.toparams(myobject),
        headers: {'Content-Type': 'application/x-www-form-urlencoded'}
    }).success(function (data, status, headers, config) 
    {

    }
    }).error(function (data, status, headers, config) 
    {

    });
}

answered Aug 25, 2015 at 12:55

Paresh Gami

4,7926 gold badges28 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

submit form to a php file with angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related