Angular js, pass value to other page

Question

I have 2 pages.
Page:1 (index.php) form data, name, email, phone etc this data will be pass through angular JS

js page:

$scope.insert=function(){ $http.post("insert.php",{
       'name':$scope.name,
       'email':$scope.email}) 
    .success(function(datasuccess){
       $scope.name=datasuccess.name;
    $scope.email=datasuccess.email; 
    $scope.phone=datasuccess.phone; 
    $scope.cardDisplay();
    });
    };

page :1 (insert.php)

$datasuccess[]="Person Name";
    $datasuccess[]="Person email";
    $datasuccess[]="phone";
    print json_encode($datasuccess);

After success insert.php page jason data need to show to my index.php page

{{datasuccess.email}}
{{datasuccess.name}}

Ok in my index.php page have a form, after submit the data it will goes through angularJS in insert.php, after insert some data in insert.php page then from that page (insert.php) will return some data to index.php My angular code:

$scope.insert=function(){ $http.post("insert.php",{
   'name':$scope.name,
   'email':$scope.email}) 
.success(function(datasuccess){
   $scope.name=datasuccess.name;
$scope.email=datasuccess.email; 
$scope.phone=datasuccess.phone; 
$scope.cardDisplay();
});
};

Use $location.search() to extract the query string parameters. — The Head Rush
– The Head Rush, Commented Jul 22, 2016 at 18:24

Alon Eitan · Accepted Answer · 2016-07-22 18:49:18Z

1

Create an associated array

$datasuccess = array(
    "name" => "Person Name",
    "email" => "Person email",
    "phone" => "phone"
);
echo json_encode($datasuccess);

And on the client side (JS) you'll get it as a JSON, with properties as reference from the server:

$scope.name = datasuccess.name;

Then you will be able to bind the information to the view simple by doing:

{{ name }}

Or:

<span ng-bind="name"></span>

edited Jul 22, 2016 at 18:49

answered Jul 22, 2016 at 18:24

Alon Eitan

12k8 gold badges51 silver badges61 bronze badges

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

6 Comments

Shimul Chowdhury Over a year ago

somehow i need to use following function to get data like

.success(function(datasuccess){                     $scope.name = datasuccess.name; $scope.email = datasuccess.email;                     $scope.pDisplay();                 })

how can i do something like this?

Alon Eitan Over a year ago

OK, so if you return the array as described in the question, then you should be able to use it like that

Shimul Chowdhury Over a year ago

I am new in Angular Js, can you give me the angular js and page3.php page code for that?

Alon Eitan Over a year ago

@ShimulChowdhury I have added details how to show it in the view, but you need to show more code in order for me to understand what you're trying to do

Shimul Chowdhury Over a year ago

Ok in my index.php page have a form, after submit the data it will goes through angularJS in insert.php, after insert some data in insert.php page then from that page (insert.php) will return some data to index.php My angular code:

$scope.insert=function(){         $http.post("insert.php",{'name':$scope.name,             'email':$scope.email})                 .success(function(datasuccess){                     $scope.name=datasuccess.name; $scope.email=datasuccess.email; $scope.phone=datasuccess.phone;                     $scope.cardDisplay();                 });         };

|

Rathma · Accepted Answer · 2016-07-22 18:28:33Z

0

I think you are not thinking in angular way, but one solution is to use $rootScope, simply inject this in your controller and share variables across your views, you can also create a service and assign those values to your service and use that service in your controllers.

controller('MainController', function($rootScope) {
      $rootScope.name = datasuccess.name;
});

and in your view you can simply access $rootScope as $root:

page index.html

<div>
    {{$root.name}}
</div>

page2.html

<div>
    {{$root.name}}
</div>

answered Jul 22, 2016 at 18:28

Rathma

1,3212 gold badges34 silver badges68 bronze badges

Collectives™ on Stack Overflow

Angular js, pass value to other page

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related