Code Examples of ConvioApi.js, AJAX and DonationAPI?

Kennon Bickhart

I'm more than likely going to sound very noob-ish, so I apologize for that. But I am comfortable using jQuery to do animations and mouse functions, but I'm clueless when it comes to AJAX and JS processing of forms. I've done some moderate searching, but haven't found too much information about it.

I'm curious to know if anyone has a working example of the Donation API being submitted using ConvioApi.js and processing the returned result? Or if someone could point me to somewhere where I could get a big more of a beginner's step in how to do this?

Thanks so much!

kennon

Steve Mook

The attached file is a fairly rudimentary example using the jQuery form verification plug-in and jQuery UI components to implement a basic Flexible Sustainer donation form. To use the form on your system will require some adaptation.

The form is designed for Donations API backed by a shadow page that uses the Flexible Sustainer template.

- You'll need to update the POST URL for the form to reference your Convio site,

- You'll need to update the API_KEY for your site.

- You'll need to replace the FORM_ID and LEVEL_ID codes and the corresponding dollar amounts of the various levels with the appropriate codes for your shadow form. I could have been smarter about this but wasn't, so you'll have to change both the JS code and the HTML.

- You'll need to update the stylesheets and links to jQuery libraries as appropriate for your system.

I hope this is a good starting place for you.

Steve Mook

Was not able to attach a file, so it is uploaded as a document here : http://community.customer.convio.com/docs/DOC-2637

Kennon Bickhart

Steve Mook:

Was not able to attach a file, so it is uploaded as a document here : http://community.customer.convio.com/docs/DOC-2637

Just wanted to say thanks Steve. This is immensely helpful!