Why am I getting 404 Forbidden with a JSON P api?

Question

So I am doing some testing with the food2fork api.

I seem to be getting a 404 forbidden. Have looked and cannot find anything that has worked. http://food2fork.com/about/api Code below

$(document).ready(function() {

    $("#button").click(function(event) {
        event.preventDefault();
        var searchTerm = $("#input").val();
        showResults(searchTerm);
    });


    function showResults(searchTerm) {
         $.ajax({
            key: "xxxx",///api key
            type: "GET",
            dataType: 'jsonp',
            url: "http://food2fork.com/api/search",
            q: searchTerm,
            success: function (data) {
            alert('success');
        }
            });
    }
});

Answer 1

The q and key properties of the object you're passing to $.ajax are ignored because they're invalid. It should be part of the request data.

Try this instead:

$.ajax({
        type: "GET",
        data: { q: searchTerm, key: 'yourKey' },
        dataType: 'jsonp',
        url: "http://food2fork.com/api/search",
        success: function (data) { alert('success'); }
});

See Documentation