管理资源吧首页>>>教程>>>编程>>>Ajax教程>>>

完美ajax类　支持事件

<div id="Error"></div> 
<div id="State"></div> 
<div id="DownloadEnd"></div> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CScript%20Language%3D%22JavaScript%22%3E%20%0D%0A%3C!--%20%0D%0A%2F%2F%20more%20javascript%20from%20http%3A%2F%2Fwww.smallrain.net%20%0D%0A%0D%0Afunction%20Ajax(OnError%2COnState%2COnDownloadEnd)%20%0D%0A%7B%20%0D%0A%20%20%20%20%2F%2F%20%E9%94%99%E8%AF%AF%E5%AD%97%E7%AC%A6%E4%B8%B2%20%0D%0A%20%20%20%20this.ErrorStr%20%20%20%20%20%20%20%20%20%3D%20null%3B%20%0D%0A%20%20%20%20%2F%2F%20%E9%94%99%E8%AF%AF%E4%BA%8B%E4%BB%B6%E9%A9%B1%E5%8A%A8%2C%E5%BD%93%E5%8F%91%E7%94%9F%E9%94%99%E8%AF%AF%E6%97%B6%E8%A7%A6%E5%8F%91%20%0D%0A%20%20%20%20this.OnError%20%20%20%20%20%20%20%20%20%3D%20OnError%3B%20%0D%0A%20%20%20%20%2F%2F%20%E7%8A%B6%E6%80%81%E4%BA%8B%E4%BB%B6%E9%A9%B1%E5%8A%A8%2C%E5%BD%93%E7%8A%B6%E6%80%81%E6%94%B9%E5%8F%98%E6%97%B6%E8%A7%A6%E5%8F%91%20%0D%0A%20%20%20%20this.OnState%20%20%20%20%20%20%20%20%20%3D%20OnState%3B%20%0D%0A%20%20%20%20%2F%2F%20%E5%AE%8C%E6%88%90%E4%BA%8B%E4%BB%B6%E9%A9%B1%E5%8A%A8%2C%E5%BD%93%E7%B1%BB%E6%93%8D%E4%BD%9C%E5%AE%8C%E6%88%90%E6%97%B6%E8%A7%A6%E5%8F%91%20%0D%0A%20%20%20%20this.OnDownloadEnd%20%20%20%20%20%3D%20OnDownloadEnd%3B%20%0D%0A%0D%0A%20%20%20%20%2F%2F%20XMLHTTP%20%E5%8F%91%E9%80%81%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B%20GET%20%E6%88%96%20POST%20%0D%0A%20%20%20%20this.method%20%20%20%20%20%20%20%20%3D%20%22GET%22%3B%20%0D%0A%20%20%20%20%2F%2F%20%E5%B0%86%E8%A6%81%E8%8E%B7%E5%8F%96%E7%9A%84URL%E5%9C%B0%E5%9D%80%20%0D%0A%20%20%20%20this.URL%20%20%20%20%20%20%20%20%3D%20null%3B%20%0D%0A%20%20%20%20%2F%2F%20%E6%8C%87%E5%AE%9A%E5%90%8C%E6%AD%A5%E6%88%96%E5%BC%82%E6%AD%A5%E8%AF%BB%E5%8F%96%E6%96%B9%E5%BC%8F(true%20%E4%B8%BA%E5%BC%82%E6%AD%A5%2Cfalse%20%E4%B8%BA%E5%90%8C%E6%AD%A5)%20%0D%0A%20%20%20%20this.sync%20%20%20%20%20%20%20%20%3D%20true%3B%20%0D%0A%20%20%20%20%2F%2F%20%E5%BD%93method%20%E4%B8%BA%20POST%20%E6%97%B6%20%E6%89%80%E8%A6%81%E5%8F%91%E9%80%81%E7%9A%84%E6%95%B0%E6%8D%AE%20%0D%0A%20%20%20%20this.PostData%20%20%20%20%20%20%20%20%3D%20null%20%0D%0A%20%20%20%20%2F%2F%20%E8%BF%94%E5%9B%9E%E8%AF%BB%E5%8F%96%E5%AE%8C%E6%88%90%E5%90%8E%E7%9A%84%E6%95%B0%E6%8D%AE%20%0D%0A%20%20%20%20this.RetData%20%20%20%20%20%20%20%20%20%3D%20null%3B%20%0D%0A%0D%0A%20%20%20%20%2F%2F%20%E5%88%9B%E5%BB%BAXMLHTTP%E5%AF%B9%E5%83%8F%20%0D%0A%20%20%20%20this.HttpObj%20%20%20%20%20%20%20%20%20%3D%20this.createXMLHttpRequest()%3B%20%0D%0A%20%20%20%20if(this.HttpObj%20%3D%3D%20null)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%2F%2F%20%E5%AF%B9%E5%83%8F%E5%88%9B%E5%BB%BA%E5%A4%B1%E8%B4%A5%E6%97%B6%E4%B8%AD%E6%AD%A2%E8%BF%90%E8%A1%8C%20%0D%0A%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20var%20Obj%20%3D%20this%3B%20%0D%0A%20%20%20%20%2F%2F%20%E8%B0%83%E7%94%A8%E4%BA%8B%E4%BB%B6%E6%A3%80%E6%B5%8B%20%0D%0A%20%20%20%20this.HttpObj.onreadystatechange%20%3D%20function()%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20Ajax.handleStateChange(Obj)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%20UTF%20%E8%BD%AC%E5%85%A5%20GB%20(by%3ARimifon)%20%0D%0AAjax.prototype.UTFTOGB%20%3D%20function(strBody)%20%0D%0A%7B%20%0D%0A%20%20%20%20var%20Rec%3Dnew%20ActiveXObject(%22ADODB.RecordSet%22)%3B%20%0D%0A%20%20%20%20Rec.Fields.Append(%22DDD%22%2C201%2C1)%3B%20%0D%0A%20%20%20%20Rec.Open()%3B%20%0D%0A%20%20%20%20Rec.AddNew()%3B%20%0D%0A%20%20%20%20Rec(0).AppendChunk(strBody)%3B%20%0D%0A%20%20%20%20Rec.Update()%3B%20%0D%0A%20%20%20%20var%20HTML%3DRec(0).Value%3B%20%0D%0A%20%20%20%20Rec.Close()%3B%20%0D%0A%20%20%20%20delete%20Rec%3B%20%0D%0A%20%20%20%20return(HTML)%3B%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%20%E5%88%9B%E5%BB%BAXMLHTTP%E5%AF%B9%E5%83%8F%20%0D%0AAjax.prototype.createXMLHttpRequest%20%3D%20function()%20%0D%0A%7B%20%0D%0A%20%20%20%20if%20(window.XMLHttpRequest)%20%20%0D%0A%20%20%20%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20%2F%2FMozilla%20%E6%B5%8F%E8%A7%88%E5%99%A8%20%0D%0A%20%20%20%20%20%20%20%20return%20new%20XMLHttpRequest()%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20else%20if%20(window.ActiveXObject)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20msxmls%20%3D%20new%20Array('Msxml2.XMLHTTP.5.0'%2C'Msxml2.XMLHTTP.4.0'%2C'Msxml2.XMLHTTP.3.0'%2C'Msxml2.XMLHTTP'%2C'Microsoft.XMLHTTP')%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20for%20(var%20i%20%3D%200%3B%20i%20%3C%20msxmls.length%3B%20i%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20try%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20new%20ActiveXObject(msxmls%5Bi%5D)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Dcatch%20(e)%7B%7D%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20this.ErrorStr%20%3D%20%22%E4%BD%A0%E7%9A%84%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%8D%E6%94%AF%E6%8C%81XMLHttpRequest%E5%AF%B9%E8%B1%A1%EF%BC%8E%22%20%0D%0A%20%20%20%20if(this.OnError)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20this.OnError(this.ErrorStr)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20return%20null%3B%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%20%E5%8F%91%E9%80%81HTTP%E8%AF%B7%E6%B1%82%20%0D%0AAjax.prototype.send%20%3D%20function()%20%0D%0A%7B%20%0D%0A%0D%0A%20%20%20%20if%20(this.HttpObj%20!%3D%3D%20null)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20this.URL%20%3D%20this.URL%20%2B%20%22%3Ft%3D%22%20%2B%20new%20Date().getTime()%3B%20%0D%0A%20%20%20%20%20%20%20%20this.HttpObj.open(this.method%2C%20this.URL%2C%20this.sync)%3B%20%0D%0A%20%20%20%20%20%20%20%20if(this.method.toLocaleUpperCase()%20%3D%3D%20%22GET%22)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20this.HttpObj.send(null)%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20else%20if(this.method.toLocaleUpperCase()%20%3D%3D%20%22POST%22)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20this.HttpObj.setRequestHeader(%22Content-Type%22%2C%22application%2Fx-www-form-urlencoded%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20this.HttpObj.send(this.PostData)%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20else%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20this.ErrorStr%20%3D%20%22%E9%94%99%E8%AF%AF%E7%9A%84%5Bmethod%5D%E5%91%BD%E4%BB%A4%EF%BC%8E%22%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if(this.OnError)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.OnError(this.ErrorStr)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20if%20(this.HttpObj.readyState%20%3D%3D%204)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E5%88%A4%E6%96%AD%E5%AF%B9%E8%B1%A1%E7%8A%B6%E6%80%81%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(this.HttpObj.status%20%3D%3D%20200)%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.RetData%20%3D%20this.UTFTOGB(this.HttpObj.responseBody)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(this.OnDownloadEnd)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.OnDownloadEnd(this.RetData)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.ErrorStr%20%3D%20%22%E6%82%A8%E6%89%80%E8%AF%B7%E6%B1%82%E7%9A%84%E9%A1%B5%E9%9D%A2%E6%9C%89%E5%BC%82%E5%B8%B8%EF%BC%8E%22%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(this.OnError)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.OnError(this.ErrorStr)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%20%E4%BA%8B%E4%BB%B6%E6%A3%80%E6%B5%8B%20%0D%0AAjax.handleStateChange%20%3D%20function(Obj)%20%0D%0A%7B%20%0D%0A%20%20%20%20if(Obj.OnState)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20Obj.OnState(Obj.HttpObj.readyState)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20if%20(Obj.HttpObj.readyState%20%3D%3D%204)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%2F%2F%20%E5%88%A4%E6%96%AD%E5%AF%B9%E8%B1%A1%E7%8A%B6%E6%80%81%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(Obj.HttpObj.status%20%3D%3D%20200)%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20Obj.RetData%20%3D%20Obj.UTFTOGB(Obj.HttpObj.responseBody)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if(Obj.OnDownloadEnd)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Obj.OnDownloadEnd(Obj.RetData)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%20%0D%0A%20%20%20%20%20%20%20%20else%20%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20Obj.ErrorStr%20%3D%20%22%E6%82%A8%E6%89%80%E8%AF%B7%E6%B1%82%E7%9A%84%E9%A1%B5%E9%9D%A2%E6%9C%89%E5%BC%82%E5%B8%B8%EF%BC%8E%22%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if(Obj.OnError)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Obj.OnError(Obj.ErrorStr)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0A%0D%0A%2F%2F%20%E9%94%99%E8%AF%AF%E5%9B%9E%E8%B0%83%E4%BA%8B%E4%BB%B6%E5%87%BD%E6%95%B0%20%0D%0Afunction%20EventError(strValue)%20%0D%0A%7B%20%0D%0A%20%20%20%20document.getElementById(%22Error%22).innerHTML%20%3D%20strValue%3B%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%20%E7%8A%B6%E6%80%81%E5%9B%9E%E8%B0%83%E4%BA%8B%E4%BB%B6%E5%87%BD%E6%95%B0%20%0D%0Afunction%20EventState(strValue)%20%0D%0A%7B%20%0D%0A%20%20%20%20var%20strState%20%3D%20null%3B%20%0D%0A%20%20%20%20switch%20(strValue)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20case%200%3A%20%0D%0A%20%20%20%20%20%20%20%20strState%20%3D%20%22%E6%9C%AA%E5%88%9D%E5%A7%8B%E5%8C%96...%22%3B%20%0D%0A%20%20%20%20%20%20%20%20break%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20%20%20%20case%201%3A%20%0D%0A%20%20%20%20%20%20%20%20strState%20%3D%20%22%E5%BC%80%E5%A7%8B%E8%AF%BB%E5%8F%96%E6%95%B0%E6%8D%AE...%22%3B%20%0D%0A%20%20%20%20%20%20%20%20break%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20%20%20%20case%202%3A%20%0D%0A%20%20%20%20%20%20%20%20strState%20%3D%20%22%E8%AF%BB%E5%8F%96%E6%95%B0%E6%8D%AE...%22%3B%20%0D%0A%20%20%20%20%20%20%20%20break%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20%20%20%20case%203%3A%20%0D%0A%20%20%20%20%20%20%20%20strState%20%3D%20%22%E8%AF%BB%E5%8F%96%E6%95%B0%E6%8D%AE%E4%B8%AD...%22%3B%20%0D%0A%20%20%20%20%20%20%20%20break%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20%20%20%20case%204%3A%20%0D%0A%20%20%20%20%20%20%20%20strState%20%3D%20%22%E8%AF%BB%E5%8F%96%E5%AE%8C%E6%88%90...%22%3B%20%0D%0A%20%20%20%20%20%20%20%20break%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20%20%20%20default%3A%20%20%0D%0A%20%20%20%20%20%20%20%20strState%20%3D%20%22%E6%9C%AA%E5%88%9D%E5%A7%8B%E5%8C%96...%22%3B%20%0D%0A%20%20%20%20%20%20%20%20break%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20document.getElementById(%22State%22).innerHTML%20%3D%20strState%3B%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%20%E5%AE%8C%E6%88%90%E5%9B%9E%E8%B0%83%E4%BA%8B%E4%BB%B6%E5%87%BD%E6%95%B0%20%0D%0Afunction%20EventDownloadEnd(strValue)%20%0D%0A%7B%20%0D%0A%20%20%20%20document.getElementById(%22DownloadEnd%22).innerHTML%20%3D%20strValue%3B%20%0D%0A%7D%20%0D%0A%0D%0A%0D%0A%2F%2F%20%E5%88%9D%E5%A7%8B%E5%8C%96Ajax%E5%AF%B9%E5%83%8F%2C%E5%BC%95%E5%85%A5%E4%BA%8B%E4%BB%B6%E5%9B%9E%E8%B0%83%E5%87%BD%E6%95%B0%20%0D%0Avar%20A1%20%3D%20new%20Ajax(EventError%2CEventState%2CEventDownloadEnd)%3B%20%0D%0A%2F%2F%20%E6%8C%87%E5%AE%9Amethod%E6%95%B0%E6%8D%AE%E5%8F%91%E9%80%81%E7%B1%BB%E5%9E%8B%20%0D%0AA1.method%20%3D%20%22GET%22%3B%20%0D%0A%2F%2F%20%E6%8C%87%E5%AE%9AURL%E5%9C%B0%E5%9D%80%20%0D%0AA1.URL%20%3D%20%22http%3A%2F%2Fwww.glzy8.com%22%20%0D%0A%2F%2F%20%E6%8C%87%E5%AE%9A%E4%B8%BA%E5%BC%82%E6%AD%A5%E5%A4%84%E7%90%86%20%0D%0AA1.sync%20%3D%20true%3B%20%0D%0A%2F%2F%E5%8F%91%E9%80%81%E8%AF%B7%E6%B1%82%20%0D%0AA1.send()%3B%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2FScript%3E">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程