icantrank/mailchimp-ajax.html

## mailchimp-ajax.html
<!doctype html>
<!-- This works, but it's sketchy and leaves ur api key available for stealing -->
<!-- 17 revisions coz 8 tabs wtf github? -->
<head>
	<title>Scetchy mailchimp form</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
	</script>
</head>

<body>
	<form id="mailchimp">
		<input type="email" name="EMAIL" />
		<input type="submit" />
	</form>
	<script>
	var listId = '123456',
		username = 'username',
		server = 'us1',
		apiKey = '12345678abcdefg'
	var url = '//' + username + '.' + server + '.' + 'list-manage.com/subscribe/post-json?u=' + apiKey + '&amp;id=' + listId + '&c=?'
	$('form#mailchimp').submit(function(e) {
		e.preventDefault();
		$.ajax({
			url: url,
			data: $('form#mailchimp').serialize(),
			dataType: 'jsonp',
			success: function(data) {
				console.log(JSON.stringify(data))
				if (data['result'] == 'success') {
					$('form#mailchimp').append('<p>' + data['msg'] + '</p>');
				} else {
					$('form#mailchimp').append('<p>Error something went wrong</p>')
				}
			}
		})
	})
	</script>
</body>
	<!doctype html>
	<!-- This works, but it's sketchy and leaves ur api key available for stealing -->
	<!-- 17 revisions coz 8 tabs wtf github? -->
	<head>
	<title>Scetchy mailchimp form</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
	</script>
	</head>

	<body>
	<form id="mailchimp">
	<input type="email" name="EMAIL" />
	<input type="submit" />
	</form>
	<script>
	var listId = '123456',
	username = 'username',
	server = 'us1',
	apiKey = '12345678abcdefg'
	var url = '//' + username + '.' + server + '.' + 'list-manage.com/subscribe/post-json?u=' + apiKey + '&id=' + listId + '&c=?'
	$('form#mailchimp').submit(function(e) {
	e.preventDefault();
	$.ajax({
	url: url,
	data: $('form#mailchimp').serialize(),
	dataType: 'jsonp',
	success: function(data) {
	console.log(JSON.stringify(data))
	if (data['result'] == 'success') {
	$('form#mailchimp').append('<p>' + data['msg'] + '</p>');
	} else {
	$('form#mailchimp').append('<p>Error something went wrong</p>')
	}
	}
	})
	})
	</script>
	</body>