#Mysql mailist code#

In the head of the page, we’ll link to the Prototype library with a tag. And this time, it will return a message for display inside the paragraph. This action will cause storeAddress to be executed again. Alternatively, if the user doesn’t have JavaScript enabled in the browser, the form will be submitted, which will cause this page to be loaded again. Later, when our AJAX functionality is triggered by the user’s submission of an email address, JavaScript will insert a message into this paragraph to let the user know what’s going on. When the page is loaded for the first time, storeAddress returns a single non-breaking space so that the paragraph appears empty.

Notice in the form the paragraph that contains the output of a PHP function called storeAddress? This is the heart of our accessible signup form. The ID of the form will be critical, as it will allow for our JavaScript to listen for a submission. We simply have a text field to accept the user’s email address, and a submit button to trigger the AJAX functionality. Our first step is to build the form that will receive the email address then, we’ll connect to the JavaScript files to deliver the functionality. If you need a primer on Prototype, check out Dan Webb’s articles Painless JavaScript Using Prototype and The JavaScript Library World Cup. To simplify the AJAX coding in our system, we’ll use the popular JavaScript library Prototype to listen for form submission, and to handle the AJAX messages. We’ll also ensure that this signup functionality is accessible to all, by writing a PHP-based sign up for users who don’t have JavaScript enabled in their browsers. A success or error message will be sent back to the HTML page for user feedback. It will check the email address for errors, then store the address in a MySQL database. A simple PHP page on the server will receive the address.JavaScript will listen for the form submission, which will trigger the AJAX call to the server with the email address.An HTML form inside a PHP page receives the visitor’s email address.Our mailing list signup system has three key components:

#Mysql mailist code#

This article assumes that your mailing list is stored in a MySQL database, but as long as you have the necessary code to add addresses to your own mailing list, it should be easy for you to adapt the code presented in this article to your own signup process.īefore we get started, download the code, and take a look at what we’ll cover in this tutorial. Our AJAX sign up form will also be able to accept subscriptions from visitors who don’t use modern, AJAX-capable browsers. In this article, we’ll learn to use AJAX to accept subscriptions to your mailing list without having to refresh the page with this approach, your signup process will be quick and painless. This is a great way to build relationships with your site’s users, and encourage them to come back to your site again and again. If visitors enjoy and trust your site, they’re likely to trust you with their email addresses - after all, they’ll want to be informed of new products, articles, or other relevant information. An opt-in mailing list is one of the most effective methods of making contact with your audience and driving repeat traffic to your site. An elegantly designed site filled with engaging content is worth very little without an interested audience.