<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Marius&#039; Blog &#187; AJAX</title>
	<atom:link href="http://mariuscristiandonea.com/category/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>http://mariuscristiandonea.com</link>
	<description></description>
	<lastBuildDate>Tue, 24 Aug 2010 23:27:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>AJAX form request using POST method</title>
		<link>http://mariuscristiandonea.com/2009/08/05/ajax-form-request-using-post-method/</link>
		<comments>http://mariuscristiandonea.com/2009/08/05/ajax-form-request-using-post-method/#comments</comments>
		<pubDate>Wed, 05 Aug 2009 08:33:34 +0000</pubDate>
		<dc:creator>Marius</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[JavaScript jQuery]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://mariuscristiandonea.com/?p=151</guid>
		<description><![CDATA[Here is a way you can call a server side script with AJAX, using POST method.]]></description>
			<content:encoded><![CDATA[<p>Here is a way you can call a server side script with AJAX, using POST method.</p>
<p><strong>JavaScript code:</strong></p>
<div class="codesnip-container" >
<div class="javascript codesnip" style="font-family:monospace;"><span class="kw2">var</span> xmlHttpVariable<span class="sy0">;</span> <span class="co1">// Declare a global variable.</span></p>
<p><span class="co1">// HTTP request object.</span><br />
<span class="kw2">function</span> GetXmlHttpObject<span class="br0">&#40;</span><span class="br0">&#41;</span><br />
<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw2">var</span> xmlHttp <span class="sy0">=</span> <span class="kw2">null</span><span class="sy0">;</span></p>
<p>&nbsp; &nbsp; <span class="kw1">try</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>xmlHttp <span class="sy0">=</span> <span class="kw2">new</span> XMLHttpRequest<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="br0">&#125;</span><br />
&nbsp; &nbsp; <span class="kw1">catch</span> <span class="br0">&#40;</span>e<span class="br0">&#41;</span><br />
&nbsp; &nbsp; <span class="br0">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">try</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>xmlHttp <span class="sy0">=</span> <span class="kw2">new</span> ActiveXObject<span class="br0">&#40;</span><span class="st0">&quot;Msxml2.XMLHTTP&quot;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="br0">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">catch</span> <span class="br0">&#40;</span>e<span class="br0">&#41;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>xmlHttp <span class="sy0">=</span> <span class="kw2">new</span> ActiveXObject<span class="br0">&#40;</span><span class="st0">&quot;Microsoft.XMLHTTP&quot;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="br0">&#125;</span><br />
&nbsp; &nbsp; <span class="br0">&#125;</span></p>
<p>&nbsp; &nbsp; <span class="kw1">return</span> xmlHttp<span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p><span class="kw2">function</span> callServer<span class="br0">&#40;</span><span class="br0">&#41;</span><br />
<span class="br0">&#123;</span><br />
&nbsp; &nbsp; xmlHttpVariable <span class="sy0">=</span> <span class="kw2">new</span> GetXmlHttpObject<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="co1">// Call HTTP request object.</span><br />
&nbsp; &nbsp; <span class="kw2">var</span> url <span class="sy0">=</span> <span class="st0">&quot;url&quot;</span><span class="sy0">;</span> <span class="co1">// Set the URL to the server-side script.</span><br />
&nbsp; &nbsp; <span class="kw2">var</span> variables <span class="sy0">=</span> <span class="st0">&quot;var1=val1&amp;amp;var2=val2&quot;</span><span class="sy0">;</span> <span class="co1">// Set the variables.</span><br />
&nbsp; &nbsp; xmlHttpVariable.<span class="me1">onreadystatechange</span> <span class="sy0">=</span> stateChangedVariable<span class="sy0">;</span> <span class="co1">// Call a function on state change.</span><br />
&nbsp; &nbsp; xmlHttpVariable.<span class="kw3">open</span><span class="br0">&#40;</span><span class="st0">&quot;POST&quot;</span><span class="sy0">,</span>url<span class="sy0">,</span><span class="kw2">true</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="co1">// Open the URL.</span><br />
&nbsp; &nbsp; <span class="co1">// Send the proper header information along with the request.</span><br />
&nbsp; &nbsp; xmlHttpVariable.<span class="me1">setRequestHeader</span><span class="br0">&#40;</span><span class="st0">&quot;Content-type&quot;</span><span class="sy0">,</span> <span class="st0">&quot;application/x-www-form-urlencoded&quot;</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; xmlHttpVariable.<span class="me1">setRequestHeader</span><span class="br0">&#40;</span><span class="st0">&quot;Content-length&quot;</span><span class="sy0">,</span> variables.<span class="me1">length</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; xmlHttpVariable.<span class="me1">setRequestHeader</span><span class="br0">&#40;</span><span class="st0">&quot;Connection&quot;</span><span class="sy0">,</span> <span class="st0">&quot;close&quot;</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; xmlHttpVariable.<span class="me1">send</span><span class="br0">&#40;</span>variables<span class="br0">&#41;</span><span class="sy0">;</span> <span class="co1">// Send the variables.</span><br />
<span class="br0">&#125;</span></p>
<p><span class="kw2">function</span> stateChangedVariable<span class="br0">&#40;</span><span class="br0">&#41;</span><br />
<span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>xmlHttpVariable.<span class="me1">readyState</span> <span class="sy0">==</span> <span class="nu0">4</span><span class="br0">&#41;</span> <span class="co1">// Values for readyState see below for explanations.</span><br />
&nbsp; &nbsp; <span class="br0">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>xmlHttpVariable.<span class="me1">responseText</span>.<span class="me1">replace</span><span class="br0">&#40;</span><span class="co2">/^\s+|\s+$/g</span><span class="sy0">,</span> <span class="st0">&#8221;</span><span class="br0">&#41;</span> <span class="sy0">==</span> <span class="st0">&#8216;return value&#8217;</span><span class="br0">&#41;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span><span class="co1">// Action here.}</span><br />
&nbsp; &nbsp; <span class="br0">&#125;</span><br />
<span class="br0">&#125;</span></div>
</div>
<p><strong>readyState values:</strong></p>
<p>0 &#8211; Represents an &#8220;uninitialized&#8221; state in which an XMLHttt pRequesobject has been created, but not initialized.</p>
<p>1 &#8211; Represents a &#8220;sent&#8221; state in which code has called the XMLHttpRequest open() method and the XMLHttpRequest is ready to send a request to the server.</p>
<p>2 &#8211; Represents a &#8220;sent&#8221; state in which a request has been sent to the server with the send() method, but a response has not yet been received.</p>
<p>3 &#8211; Represents a &#8220;receiving&#8221; state in which the HTTP response headers have been received, but message body has not yet been completely received.</p>
<p>4 &#8211; Represents a &#8220;loaded&#8221; state in which the response has been completely received.</p>
]]></content:encoded>
			<wfw:commentRss>http://mariuscristiandonea.com/2009/08/05/ajax-form-request-using-post-method/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
