Question

Imagine that you need to write some Javascript that simply changes a set of checkboxes when a drop down list is changed.

Depending on which item is selected in the list, some of the checkboxes will become checked/unchecked.

In the back, you have Python code along with some SQLAlchemy.

The Javascript needs to identify the selected item in the list as usual, send it back to the Python module which will then use the variable in some SQLAlchemy to return a list of checkboxes which need to be checked i.e. “User selected ‘Ford’, so checkboxes ‘Focus’, ‘Mondeo’, ‘Fiesta’ need to be checked”

The issue Im having is that I cant seem to find a way to access the python modules from the Javascript without turning a div into a mini browser page and passing a url containing variables into it!

Does anyone have any ideas on how this should work?

Answer 1

Funny, I’ve got web pages with JavaScript that talk to Python CGI modules that use SQLAlchemy.

What I do is send AJAX request but with JSON request in the body instead of XML. Python CGI modules use standard json module to deserialize JSON into a dictionary.

JavaScript side looks like this:

function on_request_success(response) {
    console.debug('response', response);
} 

function on_request_error(r, text_status, error_thrown) {
    console.debug('error', text_status + ", " + error_thrown + ":\n" + r.responseText);
}

var request = { ... };
jQuery.ajax({
    url: 'http://host/whatever.cgi',
    type: 'POST',
    cache: false,
    data: JSON.stringify(request),
    contentType: 'application/json',
    processData: false,
    success: on_request_success,
    error: on_request_error
});

And Python like this:

request = json.load(sys.stdin)
response = handle_request(request)
print("Content-Type: application/json", end="\n\n")
json.dump(response, sys.stdout, indent=2)

Note, it doesn’t use Python cgi module, since the whole request is passed as JSON in the body.