Recent Notes

jQuery: submit form via Ajax with jQuery Form Plugin

Created by Fang on January 16, 2012 19:32:20 Last update: January 16, 2012 19:32:54

You can submit a form via Ajax by the jQuery Form Plugin . There are two main methods: ajaxForm : prepares a form for Ajax submit. Example:

$('#myFormId').ajaxForm({ 
 
         target:     ...

When the form is submitted, it is sent via Ajax. ajaxSubmit : submit a form via Ajax. Example:

$('#myForm2').submit(function() { 
 
         // i...

jQuery Form Plugin is not in the core jQuery API, so you have to include an additional JS file:


 
 <head> 
 
     <script type="text/javascript" ...

Created by James on October 25, 2011 19:44:30 Last update: October 25, 2011 19:45:40

jQuery automatically maps HTML5 custom data attributes to data storage associated with the data() method. Here's an example:

<html>
 
 <head>
 
 <script type="text/javascript"...

Created by James on April 04, 2011 19:41:51 Last update: April 04, 2011 19:41:51

Use the nodeName attribute to get the name of the HTML tag, tagName is not recommended .

<!DOCTYPE html>
 
 <html>
 
 <head>
 
 	<title>jQu...

Created by Dr. Xi on November 15, 2007 04:40:44 Last update: November 15, 2007 04:40:44

Here's some simple Ajax code. The Ajax response is delivered as XML with attributes and an array of data payloads contained in CDATA sections:

<?xml version="1.0" encoding="utf-8"?>
 
 <ajax-re...

And the JavaScript that does the Ajax magic:

// ajax.js
 
 function ajaxGet(url, ajaxCallback) ...

And the HTML test code:

<html>
 
 <head>
 
 	<script language="JavaScript"...