Knockout Link Accept Binding

Knockout binding to make an ajax request for a link using the given accept header.

Read a Q&A which describes the problem and the reason for a binding like this.

Installation

npm install knockout-link-accept

Then add knockout.link-accept.js to your project.

Usage

Include the script in your project, then bind it to a link with an appropriate media type.

<a href="/api/endpoint/that/usually/returns/json" data-bind="linkAccept: 'text/csv'"></a>

The binding will intercept the link click and perform an ajax request to the URL specified in the href with the specified Accept header. It will then present this to the browser using a data URL. The end result is that the result of the request is downloaded to the browser like a normal link click.