jQuery Ajax unable to send PUT and DELETE REST API to ZF2 server

Question

I am having problem sending PUT and DELETE REST API from my front end to my ZF2 backend. However: I am able to send POST and GET request and it's working fine but not PUT and DELETE won't. Why?

Below is my ajax code:

 $.ajax({
        type: "PUT",
        dataType: "json",
        data: data,
        url: "/backend/api/product",
        statusCode: {
            200: function (data) {
                product= data.content;
            }
        }, error: function (data) {
            alert(data.responseJSON.message);
        }
    });

The error that I get from my ZF2 are:

Zend\View\Renderer\PhpRenderer::render: Unable to render template "api/product/replace-list"; resolver could not resolve to a file

The error you're getting is because ZF2 can't find the view for api/product/replace-list which I feel is unrelated to the question you're asking. Please show what your controller action looks like and possibly your view_manager config. — Ankh
– Ankh, Commented May 20, 2015 at 8:41

Malay M · Accepted Answer · 2015-05-21 06:17:08Z

1

Make sure you are using restful controller with JsonModel. The restful controller will handle the restful requests PUT and DELETE. And the JsonModel will produce JSON output.

Here is a sample code that may help you,

use Zend\ViewModel\JsonModel;
use Zend\Mvc\Controller\AbstractRestfulController;

class ProductController extends AbstractRestfulController
{    
    public function delete($id){

        // to handle delete 
        $responseData = new JsonModel(array(
            'key' => 'value'            
        ));

        return $responseData ;
    }

    public function update($id, $data){

        // to handle update
        $responseData = new JsonModel(array(
            'key' => 'value'            
        ));

        return $responseData ;
    }
}

Also in restful PUT method requires two params

ID (includes in url)
DATA (array)

so modify your ajax call as

$.ajax({
    type: "PUT",
    dataType: "json",
    data: data,
    url: "/backend/api/product/"+id,
    statusCode: {
        200: function (data) {
            product= data.content;
        }
    }, error: function (data) {
        alert(data.responseJSON.message);
    }
});

answered May 21, 2015 at 6:17

Malay M

1,7691 gold badge14 silver badges22 bronze badges

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

1 Comment

max Over a year ago

adding the "id" at the back of the ajax call url do the magic =) Thanks! You saved lot of my time!

Collectives™ on Stack Overflow

jQuery Ajax unable to send PUT and DELETE REST API to ZF2 server

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related