<?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>Voland.com.cn &#187; ajax</title>
	<atom:link href="http://www.voland.com.cn/tag/ajax/feed" rel="self" type="application/rss+xml" />
	<link>http://www.voland.com.cn</link>
	<description>人生百年,诸事记之</description>
	<lastBuildDate>Thu, 02 Feb 2012 23:09:02 +0000</lastBuildDate>
	<language>zh</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>一个简单的Ajax封装类</title>
		<link>http://www.voland.com.cn/a-sample-ajax-class-a-simple-wrapper-class-ajax</link>
		<comments>http://www.voland.com.cn/a-sample-ajax-class-a-simple-wrapper-class-ajax#comments</comments>
		<pubDate>Thu, 01 Jul 2010 03:29:46 +0000</pubDate>
		<dc:creator>Nortan</dc:creator>
				<category><![CDATA[Web 界面]]></category>
		<category><![CDATA[常用]]></category>
		<category><![CDATA[ajax]]></category>

		<guid isPermaLink="false">http://www.voland.com.cn/?p=498</guid>
		<description><![CDATA[在一些小项目中,可能没有使用Jquery这样的js框架,但需要一些js常用的功能,如ajax请求,邮件校验,字符串去空格等,这里封装了一个ajax请求类,在小项目中比较适用.后面给出了一个使用例子. //类名：AJAX //创建方法：var ajaxobj=new AJAX;，如果创建失败则返回false //属性：method - 请求方法，字符串，POST或者GET，默认为POST //　　　url - 请求URL，字符串，默认为空 //　　　async - 是否异步，true为异步，false为同步，默认为true //　　　content - 请求的内容，如果请求方法为POST需要设定此属性，默认为空 //　　　callback - 回调函数，即返回响应内容时调用的函数，默认为直接返回，回调函数有一个参数为XMLHttpRequest对象，即定义回调函数时要这样：function mycallback(xmlobj) //方法：send() - 发送请求，无参数 &#160; function AJAXRequest&#40;&#41; &#123; var xmlObj = false; var CBfunc,ObjSelf; ObjSelf=this; try &#123; xmlObj=new XMLHttpRequest; &#125; catch&#40;e&#41; &#123; try &#123; xmlObj=new ActiveXObject&#40;&#34;MSXML2.XMLHTTP&#34;&#41;; &#125; catch&#40;e2&#41; &#123; try &#123; xmlObj=new ActiveXObject&#40;&#34;Microsoft.XMLHTTP&#34;&#41;; &#125; catch&#40;e3&#41; [...]]]></description>
			<content:encoded><![CDATA[<p>在一些小项目中,可能没有使用Jquery这样的js框架,但需要一些js常用的功能,如ajax请求,邮件校验,字符串去空格等,这里封装了一个ajax请求类,在小项目中比较适用.后面给出了一个使用例子.<span id="more-498"></span></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">//类名：AJAX</span>
<span style="color: #006600; font-style: italic;">//创建方法：var ajaxobj=new AJAX;，如果创建失败则返回false</span>
<span style="color: #006600; font-style: italic;">//属性：method  -  请求方法，字符串，POST或者GET，默认为POST</span>
<span style="color: #006600; font-style: italic;">//　　　url         -  请求URL，字符串，默认为空</span>
<span style="color: #006600; font-style: italic;">//　　　async     -  是否异步，true为异步，false为同步，默认为true</span>
<span style="color: #006600; font-style: italic;">//　　　content -  请求的内容，如果请求方法为POST需要设定此属性，默认为空</span>
<span style="color: #006600; font-style: italic;">//　　　callback  - 回调函数，即返回响应内容时调用的函数，默认为直接返回，回调函数有一个参数为XMLHttpRequest对象，即定义回调函数时要这样：function mycallback(xmlobj)</span>
<span style="color: #006600; font-style: italic;">//方法：send()     -  发送请求，无参数</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> AJAXRequest<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> xmlObj <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> CBfunc<span style="color: #339933;">,</span>ObjSelf<span style="color: #339933;">;</span>
	ObjSelf<span style="color: #339933;">=</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">try</span> <span style="color: #009900;">&#123;</span> xmlObj<span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">new</span> XMLHttpRequest<span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">catch</span><span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">try</span> <span style="color: #009900;">&#123;</span> xmlObj<span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">new</span> ActiveXObject<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;MSXML2.XMLHTTP&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span>
		<span style="color: #000066; font-weight: bold;">catch</span><span style="color: #009900;">&#40;</span>e2<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">try</span> <span style="color: #009900;">&#123;</span> xmlObj<span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">new</span> ActiveXObject<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Microsoft.XMLHTTP&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span>
			<span style="color: #000066; font-weight: bold;">catch</span><span style="color: #009900;">&#40;</span>e3<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> xmlObj<span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>xmlObj<span style="color: #009900;">&#41;</span> <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">method</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;POST&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">url</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">async</span><span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">content</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">callback</span><span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>cbobj<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><span style="color: #000066; font-weight: bold;">return</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">send</span><span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">method</span><span style="color: #339933;">||!</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">url</span><span style="color: #339933;">||!</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">async</span><span style="color: #009900;">&#41;</span> <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
		xmlObj.<span style="color: #000066;">open</span> <span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">method</span><span style="color: #339933;">,</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">url</span><span style="color: #339933;">,</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">async</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">method</span><span style="color: #339933;">==</span><span style="color: #3366CC;">&quot;POST&quot;</span><span style="color: #009900;">&#41;</span> xmlObj.<span style="color: #660066;">setRequestHeader</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Content-Type&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;application/x-www-form-urlencoded&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		xmlObj.<span style="color: #660066;">onreadystatechange</span><span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>xmlObj.<span style="color: #660066;">readyState</span><span style="color: #339933;">==</span><span style="color: #CC0000;">4</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>xmlObj.<span style="color: #000066;">status</span><span style="color: #339933;">==</span><span style="color: #CC0000;">200</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
					ObjSelf.<span style="color: #660066;">callback</span><span style="color: #009900;">&#40;</span>xmlObj<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
				<span style="color: #009900;">&#125;</span>
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span>
		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">method</span><span style="color: #339933;">==</span><span style="color: #3366CC;">&quot;POST&quot;</span><span style="color: #009900;">&#41;</span> xmlObj.<span style="color: #660066;">send</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">content</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000066; font-weight: bold;">else</span> xmlObj.<span style="color: #660066;">send</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">null</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>使用例子如下</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> deleteLogicCompany<span style="color: #009900;">&#40;</span>logicCompanyid<span style="color: #339933;">,</span>userid<span style="color: #339933;">,</span>uName<span style="color: #339933;">,</span>cName<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000066;">confirm</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">&quot;你要删除分给 '&quot;</span><span style="color: #339933;">+</span>uName<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;' 的 '&quot;</span><span style="color: #339933;">+</span>cName<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;' 吗?<span style="color: #000099; font-weight: bold;">\n</span><span style="color: #000099; font-weight: bold;">\n</span>        删除数据后,不可恢复,请注意!!!&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> ajaxobj<span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">new</span> AJAXRequest<span style="color: #339933;">;</span>    <span style="color: #006600; font-style: italic;">// 创建AJAX对象</span>
		ajaxobj.<span style="color: #660066;">method</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;POST&quot;</span><span style="color: #339933;">;</span>   <span style="color: #006600; font-style: italic;">// 设置请求方式为GET</span>
		ajaxobj.<span style="color: #660066;">url</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;../reportJsp/16ds/deleLogicCompany.jsp&quot;</span>  <span style="color: #006600; font-style: italic;">// 请求的URL</span>
		ajaxobj.<span style="color: #660066;">content</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;logicCompanyid=&quot;</span><span style="color: #339933;">+</span>logicCompanyid<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;&amp;userid=&quot;</span><span style="color: #339933;">+</span>userid
		ajaxobj.<span style="color: #660066;">callback</span><span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>xmlobj<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #003366; font-weight: bold;">var</span> value <span style="color: #339933;">=</span> xmlobj.<span style="color: #660066;">responseText</span><span style="color: #339933;">;</span><span style="color: #006600; font-style: italic;">//这里返回的值要看你的请求返回什么东西了.</span>
			<span style="color: #003366; font-weight: bold;">var</span> isRepeat <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>value <span style="color: #339933;">==</span> <span style="color: #3366CC;">'_yes'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
			<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #339933;">!</span>isRepeat <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
				<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'数据已经删除'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
				window.<span style="color: #660066;">location</span>.<span style="color: #660066;">reload</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span><span style="color: #000066; font-weight: bold;">else</span><span style="color: #009900;">&#123;</span>
				<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'数据删除失败'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span>
&nbsp;
	ajaxobj.<span style="color: #660066;">send</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>    <span style="color: #006600; font-style: italic;">// 发送请求</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.voland.com.cn/a-sample-ajax-class-a-simple-wrapper-class-ajax/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

