angularjs can't connectwith php using http

Question

I'm adding a contact form found on a site that could help me on the php side. My Only issue seems to be I can't seem to connect my JS to my PHP in the console I get. Any Ideas on how I can get both to talk to each other and work : ) Thank you :)

angular.js:8661 POST http://localhost:3000/processForm.php 404 (Not Found)

my js http look liks

$scope.sendMessage = function( input ) {
        $http({
            method: 'POST',
            url: 'processForm.php',
            data: input,
            headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' }
        })
        .success( function(data) {
          if ( data.success ) {
            $scope.success = true;
          } else {
            $scope.error = true;
          }
        });
      }

my php looks like

<?php
 $response = array( 'success' => false );
 $formData = file_get_contents( 'php://input' );
 $data = json_decode( $formData );
 if ( $data->submit && empty( $data->honeypot ) ) {
    $name = $data->name;
    $email = $data->email;
    $message = $data->message;

    if ( $name != '' && $email != '' && $message != '' ) {
        $mailTo = '[email protected]';
        $subject = 'New contact form submission';
        $body  = 'From: ' . $name . "\n";
        $body .= 'Email: ' . $email . "\n";
        $body .= "Message:\n" . $message . "\n\n";

        $success = mail( $mailTo, $subject, $body );

        if ( $success ) {
            $response[ 'success' ] = true;
        }
    }
 }
 echo json_encode( $response );

?>

file structure is

  │   404.html
  │   favicon.ico
  │   index.html
  │   robots.txt
  │   processForm.php
  │
  ├───images
  │       yeoman.png
  │
  ├───scripts
  │   │   contact.js
  │   │   
  │   │   
  │   │
  │   └───controllers
  ├───styles
  │       main.css
  │       style.css
  │
  └───views
         contact.html
         main.html

Community · Accepted Answer · 2017-05-23 12:01:49Z

1

From your directory stucture I guess that you are using Yeoman angular generator and built in server. Please make sure that you are able to access php scripts at all.

You might to reference this post

How to integrate PHP with yeoman angular project

edited May 23, 2017 at 12:01

CommunityBot

11 silver badge

answered Jan 9, 2017 at 10:09

Mikołaj Woźniak

1137 bronze badges

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

Collectives™ on Stack Overflow

angularjs can't connectwith php using http

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related