Last active
September 8, 2016 14:27
-
-
Save cypriss/2032215 to your computer and use it in GitHub Desktop.
Create a UserVoice ticket with JSONP and our API.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <head> | |
| <title>Demo Contact Form - Submit a ticket to UV via JSONP</title> | |
| <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | |
| <script type="text/javascript" src="https://jquery-jsonp.googlecode.com/files/jquery.jsonp-2.2.0.min.js"></script> | |
| <link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" /> | |
| <style type="text/css"> #contact_form { margin: 20px auto; width: 500px; } </style> | |
| </head> | |
| <body> | |
| <div id="contact_form"> | |
| <form id="test_form" name="contact" method="post" action="http://whatever.you.want.com/up_to_you" class="well"> | |
| <label for="name">Name</label> | |
| <input type="text" name="name" id="name" value="" class="span3" /> | |
| <label for="email">Email</label> | |
| <input type="email" name="email" id="email" value="" class="span3" /> | |
| <label for="subject">Subject</label> | |
| <input type="text" name="subject" id="subject" value="" class="span3" /> | |
| <label for="message">Message</label> | |
| <textarea name="message" id="message"></textarea> | |
| <div class="form-actions"> | |
| <button class="btn btn-primary" type="submit">Send Ticket</button> | |
| <button class="btn">Cancel</button> | |
| </div> | |
| </form> | |
| </div> | |
| <script type="text/javascript"> | |
| $(document).ready(function(){ | |
| $('#test_form').submit(function(evt) { | |
| evt.preventDefault(); // Don't do default action | |
| // Replace this with your subdomain! | |
| var uvSubdomain = "initech"; | |
| // Create an API client (non-trusted) within the UserVoice settings/channels section. Paste the key only here. | |
| var uvKey = "5JVoVrAGdl4pMkcEkIeIDA"; | |
| // Grab the data we need to send | |
| var message = $('#message').val(); | |
| var subject = $('#subject').val(); | |
| var name = $('#name').val(); | |
| var email = $('#email').val(); | |
| // Execute the JSONP request to submit the ticket | |
| $.jsonp({ | |
| url: 'https://' + uvSubdomain + '.uservoice.com/api/v1/tickets/create_via_jsonp.json?callback=?', | |
| data: { | |
| client: uvKey, | |
| ticket: { | |
| message: message, | |
| subject: subject | |
| }, | |
| name: name, | |
| email: email | |
| }, | |
| success: function(data) { | |
| alert('Successfully submitted ticket!'); // You might want to redirect the user here, or show a stylized message to them. | |
| }, | |
| error: function(d, msg) { | |
| alert("Error"); // Darn -- something went wrong. You might want to display a message to the user. | |
| } | |
| }); | |
| return false; | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> |
I got same error too 422 Unprocessable Entity. Any idea why it is happening.
Make sure you provide the required fields: format, email, subject and message. https://developer.uservoice.com/docs/api/reference/#_api_v1_tickets_create_via_jsonp_get
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
When I use this code, I get a 422 error from UserVoice. Do you know what may be causing this?