symfony2 ajax call always return null data

Question

I am using Symfony 2.7 and I query the information from the database and show it on the page however i want to get the current values via api connection through Ajax call by clicking the button but I always get the null response from Ajax Controller.

<div>
    <p id="product">1K0615301M1</p>
    <p id="product">1K0615301M2</p>   
    <input type="button" id="submit" value="Check"/>
</div>

<script>
     $(document).ready(function(){
         $('#submit').click(function(event) {
             var productNr = [];
             $('#product').each(function() {
                 productNr.push($(this).html());
             });
             console.log(ProductNr); // value of ProductNr
             var ajaxRequest;
             event.preventDefault();

             ajaxRequest = $.ajax({
                 url: " {{ path('frontend_api_product') }}",
                 type: "post",
                 processData: false,
                 contentType: 'application/json; charset=UTF-8',
                 data: ProductNr,
                 success: function (data) {
                     console.log(data);
                 }
             });
         });
     });
 </script>

My Controller:

public function AjaxAction(Request $request)
{
    $sparepart = $request->request->get('data');

    if ($request->isXMLHttpRequest()) {
        return new JsonResponse(array(
            'sucess'=> true,
            'data' => $sparepart
        ));
    }
    return new Response('This is not ajax!', 400);
}

Console.log

 Object { sucess: true, data: null }

Community · Accepted Answer · 2017-05-23 10:31:11Z

1

Because your data object has no data key, you cannot retrieve it by doing $request->request->get('data');

To get the whole object, use $data = $request->request->all();

There is many errors in your code.
You are pushing values in productNr instead of ProductNr.
You have many elements with the same id (An id is uniq, you have to use classes).

EDIT

The problem is coming the format of the data your are sending. To send an object like {"data":["1K0615301M1","1K0615301M2"]} , use:

var ProductNr = { data: [] };
var ajaxRequest;

$('.product').each(function() {
    var product = $(this).text();
    ProductNr.data.push(product);
});
ajaxRequest = $.ajax({
    url: "/ajax",
    type: "POST",
    data: JSON.stringify(ProductNr),
    processData: false,
    success: function (data) {
        console.log(data);
    }
});

Use JSON.stringify to serialise data before send it.
See How do I POST an array of objects with $.ajax (jQuery or Zepto)

edited May 23, 2017 at 10:31

CommunityBot

11 silver badge

answered Feb 8, 2016 at 16:53

chalasr

13.2k5 gold badges44 silver badges83 bronze badges

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

14 Comments

gabf Hahn Over a year ago

I do have Request Param in the code... But I still get null response from the controller for both $data = $request->request->all() and json_decode($request->getContent(),true

chalasr Over a year ago

Try to remove the contentType

gabf Hahn Over a year ago

also how can i add 'data' key so that its easier to get the value in the Controller

gabf Hahn Over a year ago

I have also tried with

ajaxRequest = $.ajax({                      url: " {{ path('frontend_api_product') }}",                      type: "post",                      processData: false,                      data:'asdf',                      success: function (data) {                          console.log(data);                      }                   });

and I still get Null response

chalasr Over a year ago

See changes in my answer, the code is working well now.

|

paranoid · Accepted Answer · 2016-02-08 16:21:41Z

0

Change
data: ProductNr,
to

data:{data:ProductNr}

answered Feb 8, 2016 at 16:21

paranoid

7,13319 gold badges52 silver badges93 bronze badges

Collectives™ on Stack Overflow

symfony2 ajax call always return null data

2 Answers 2

14 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

14 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related