TypeError: Cannot read property 'param' of undefined in angularjs

Question

$scope.productDetails = {};
$scope.getProductDetailById = function(arg) {

  var data = $.param({
    id: arg
  });

  $http({
    method: 'POST',
    url: 'http://' + $scope.url + '/scripts/viewProductById.php',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded;'
    },
    data: data
  })
  .then(function(response) {
    $scope.productDetails = response.data;
    $location.path('/single_product');
  },
  function(response) {
    //alert('wrong');
  })
}

Getting this error in console:

TypeError: Cannot read property 'param' of undefined

Here is my Backend code which is written in PHP and I have checked with postman and data is fetching in json:

session_start();
require 'db.php';
$id = $_POST['id'];
$sql = "SELECT * FROM product WHERE id='$id'";
$qur = $connection->query($sql);
$r = mysqli_fetch_assoc($qur);
$msg[] = array("id" => $r['id'],"name" => $r['name'],"category" => $r['category'],"material" => $r['material'],
"pattern" => $r['pattern'],"occasion" => $r['occasion'],"length" => $r['length'],"width" => $r['width'],
"wash_care" => $r['wash_care'],"color" => $r['color'],"stock" => $r['stock'],"new_price" => $r['new_price'],
"old_price" => $r['old_price'],"delivery_in" => $r['delivery_in'],"image_one" => $r['image_one'],
"image_two" => $r['image_two'],"image_three" => $r['image_three'],"image_four" => $r['image_four'],
"image_five" => $r['image_five'],"description" => $r['description'],"date" => $r['date']);

$json = $msg;

header('content-type: application/json');
echo json_encode($json);
@mysqli_close($connection);

After changing :

var data = {
id: arg
  };

Getting Empty data

`param` is a property of `$`, which is undefined. What is `$`? jQuery? Do you have a script for it? — Aleksey Solovey, Nov 20 '18 at 10:08
I am calling lot of function but only this function I am getting like this. — Chit, Nov 20 '18 at 10:14
can you not just call `$http.post('http://'+ $scope.url +'/scripts/viewProductById.php', { id:arg })` ? — Aleksey Solovey, Nov 20 '18 at 10:15

score 0 · Answer 1 · answered Nov 20 '18 at 10:56

0

You don't have to use it like this.

var data = $.param({
    id: arg
});

The data variable can just be an Object Literal like so.

var data = {
    id: arg
};

answered Nov 20 '18 at 10:56

holydragon

6,158
6
39
62

Status is 200 but data is empty – Chit Nov 20 '18 at 11:44
@Chit that depends on your backend. e.g. with PHP, double check if you are using `echo json_encode(...)` – Aleksey Solovey Nov 20 '18 at 14:38
Uploaded please check it – Chit Nov 21 '18 at 05:04
Still need help – Chit Nov 21 '18 at 09:12
@Chit Check if you get the data in $_POST['id'] – holydragon Nov 21 '18 at 09:18
I think my back end is correct because I am getting data in postman rest client. – Chit Nov 21 '18 at 09:23
1

try https://stackoverflow.com/questions/15485354/angular-http-post-to-php-and-undefined – holydragon Nov 21 '18 at 09:33
still same problem – Chit Nov 21 '18 at 10:34
@Chit You did change 'Content-Type': 'application/json', right? – holydragon Nov 21 '18 at 10:41

TypeError: Cannot read property 'param' of undefined in angularjs

1 Answers1