jquery-logo-vector

Ajax: Using $.Ajax() And .Click() jQuery Functions To Send Email With PHP

Anthony James —  December 3, 2011

This screencast was created in response to a request from one of our Pinehead.tv viewers, and shows you how to create an extremely simple form that is driven by Ajax and PHP. We create an email and name field and pass the values of those inputs into a PHP file when a certain div tag is clicked. By using Ajax we are able to submit the form and send an email without the end user ever having to reload a webpage.

Download Source

Related posts:

  1. How To Create A Contact Form | P.2
  2. How To Create A Contact Form | P.3
  3. Creating A Contact Form P4 – JavaScript OnBlur
  4. Appcelerator: Handling Remote Data with HTTPClient and MySQL P.1
  5. jQuery Mobile Forms Part 2
In Web Development
permalink

Anthony James

Posts Twitter Facebook

Anthony is a Web Software Developer & Linux Systems Engineer. With 11 years of experience in these fields. He is also the founder and main contributor at Pinehead.tv. He is passionate about passing on his technical knowledge through training and educating others.

3 responses to Ajax: Using $.Ajax() And .Click() jQuery Functions To Send Email With PHP

  1. leo December 9, 2011 at 2:20 pm

    Great site especially for people that suck at coding (like me :-) ).

    I’d like to ask where exactly do you put the gmail address you mention in your tutorial that receives the mail form data.

    Thanks!

  2. Krishna August 12, 2012 at 5:11 pm

    Port error: Could not establish connection. Receiving end does not exist.
    chromeHidden.Port.dispatchOnDisconnect

    I am getting that error, unable to send an email with that code…