ajax發(fā)表 讀取 評(píng)論
更新時(shí)間:2006年10月11日 00:00:00 作者:
復(fù)制代碼 代碼如下:
-----------------------------Jack的注釋 ajaxJS.js-----------------------------
//這里是顯示一個(gè)等待的窗口
document.write('<DIV id="loadingg" style="HEIGHT:65px; WIDTH: 205px;POSITION: absolute; Z-INDEX:1000;border:3px #fff solid;text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif;color:#660000;background:#222;opacity:.7;-moz-opacity:.7;filter: alpha(opacity=70); display:none;"><br/><font color="#FF6600"><strong>數(shù)據(jù)正在讀取中,請(qǐng)等候...</strong>< /font><br/></DIV>')
//showloading控制等待窗口的顯示和隱藏
function showloading()
{
var obj=document.getElementById("loadingg")
if (obj.style.display!="")
{
obj.style.left=((document.documentElement.clientWidth-parseFloat (obj.style.width))/2)+document.documentElement.scrollLeft+"px";
obj.style.top=((document.documentElement.clientHeight-parseFloat (obj.style.height))/2)+document.documentElement.scrollTop+"px";
obj.style.display="";
}else{obj.style.display="none";}
}
//$()取得指定ID的對(duì)象
function $(id)
{
return document.getElementById(id);
}
//echo()向指定的對(duì)象obj顯示指定的html
function echo(obj,html)
{
$(obj).innerHTML=html;
}
//fopen()使指定的obj處于顯示狀態(tài)
function fopen(obj)
{
$(obj).style.display="";
}
//fclose()使指定的obj處于隱藏狀態(tài)
function fclose(obj)
{
$(obj).style.display="none";
}
//createxmlhttp()獲取XMLHttpRequest對(duì)象并返回
function createxmlhttp()
{
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
if (xmlhttp.overrideMimeType) {//設(shè)置MiME類別
xmlhttp.overrideMimeType('text/xml');
}
}
return xmlhttp;
}
//getdata()獲取指定URL的數(shù)據(jù)在obj2里面顯示,obj1是本過程的提示信息,可刪除
function getdata(url,obj1,obj2)
{
var xmlhttp=createxmlhttp();
if(!xmlhttp)
{
alert("你的瀏覽器不支持XMLHTTP??!");
return;
}
showloading()
xmlhttp.onreadystatechange=requestdata;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
function requestdata()
{
fopen(obj1);
//echo(obj1,"正在加載數(shù)據(jù),請(qǐng)稍等......");
//alert(xmlhttp.readyState)
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{
if(obj1!=obj2){fclose(obj1);};
echo(obj2,xmlhttp.responseText);
showloading()
}
}
}
}
//postdata()發(fā)送指定的數(shù)據(jù)data到url地址,并且使用obj來顯示返回的數(shù)據(jù)
function postdata(url,obj,data)
{ var rnd=Math.random()
var xmlhttp=createxmlhttp();
if(!xmlhttp)
{
alert("你的瀏覽器不支持XMLHTTP?。?);
return;
}
showloading()
xmlhttp.open("POST", url, true);
xmlhttp.onreadystatechange=requestdata;
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlhttp.send(data);
function requestdata()
{
fopen(obj);
echo(obj,"正在提交數(shù)據(jù),請(qǐng)稍等......");
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{
echo(obj,xmlhttp.responseText);
reget(rnd);
setTimeout("echo('showresult','')",2000);
echo('Message','')
showloading()
}
}
}
}
//lTrim()去掉字符串左邊的空格
function lTrim(str)
{
if (str.charAt(0) == " ")
{
//如果字串左邊第一個(gè)字符為空格
str = str.slice(1);//將空格從字串中去掉
//這一句也可改成 str = str.substring(1, str.length);
str = lTrim(str); //遞歸調(diào)用
}
return str;
}
//rTrim()去掉字串右邊的空格
function rTrim(str)
{
var iLength;
iLength = str.length;
if (str.charAt(iLength - 1) == " ")
{
//如果字串右邊第一個(gè)字符為空格
str = str.slice(0, iLength - 1);//將空格從字串中去掉
//這一句也可改成 str = str.substring(0, iLength - 1);
str = rTrim(str); //遞歸調(diào)用
}
return str;
}
//trim()去掉字串兩邊的空格
function trim(str)
{
return lTrim(rTrim(str));
}
//f()沒有通用的意義,只針對(duì)特定對(duì)象
function f(obj)
{
return trim(eval("document.ajax_post."+obj+".value"));
//return trim($(obj).value);
}
//SaveReply()是表單的檢查提交函數(shù)
function SaveReply()
{
if(f("username")=="")
{
alert("請(qǐng)?zhí)顚懹脩裘?);
return false;
}
if(f("Message")=="")
{
alert("內(nèi)容不可為空");
return false;
}
var validate,password,log_DisKey=0,log_DisURL=0,log_DisSM=0
validate=""
password=""
if(document.ajax_post.log_DisKey.checked){
log_DisKey=f("log_DisKey")
}
if(document.ajax_post.log_DisURL.checked){
log_DisURL=f("log_DisURL")
}
if(document.ajax_post.log_DisSM.checked){
log_DisSM=f("log_DisSM")
}
if((typeof eval(document.ajax_post.validate))!="undefined"){
if(f("validate")=="")
{
alert("請(qǐng)?zhí)顚戲?yàn)證碼");
return false;
}else{
validate=f("validate");
}
}
if((typeof eval(document.ajax_post.password))!="undefined"){
password=f("password");
}
data="username="+escape(f("username"))+"&password="+escape(password)+"&validate="+escape(validate)+"&log_DisSM="+escape(log_DisSM)+"&log_DisURL="+escape(log_DisURL)+"&log_DisKey="+escape(log_DisKey)+"&Message="+escape(f("Message"))+"&logID="+escape(f("logID"))+"&action="+escape(f("action"));
//alert(data);
postdata("wbc_blogcomm.asp","showresult",data);
return true;
}
調(diào)用:
復(fù)制代碼 代碼如下:
<div id=ShowComm></div>
<script language="javascript" type="text/javascript" src="ajaxJS.js"></script>
<script language="javascript" type="text/javascript">
function reget(str){
getdata('wbc_ShowComm.asp?LogID=100&comDesc=Desc&DisComment=False&0.5675318&'+str,'ShowComm','ShowComm');
}
reget('get');
</script>
相關(guān)文章
國(guó)內(nèi)首發(fā) -- ajax完整功能框架
國(guó)內(nèi)首發(fā) -- ajax完整功能框架2007-01-01
Ajax讀取數(shù)據(jù)之分頁(yè)顯示篇實(shí)現(xiàn)代碼
前幾篇的ajax教程里講了,讀取,添加,修改,刪除的功能.有幾天沒有更新了,雖然網(wǎng)上也有很多ajax分頁(yè)的教程和相關(guān)實(shí)例.2010-10-10
仿google搜索提示 SuggestFramework的使用
使用幫助(英文版翻譯而來,可能有錯(cuò)誤,請(qǐng)大家仔細(xì)核對(duì),也希望對(duì)新手理解能有所幫助)2008-09-09
Ajax技術(shù)(WEB無刷新提交數(shù)據(jù))-
Ajax技術(shù)(WEB無刷新提交數(shù)據(jù))-...2006-07-07
如何利用Ajax實(shí)現(xiàn)地區(qū)三級(jí)聯(lián)動(dòng)詳解
這篇文章主要給大家介紹了關(guān)于如何利用Ajax實(shí)現(xiàn)地區(qū)三級(jí)聯(lián)動(dòng)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
如何利用jQuery post傳遞含特殊字符的數(shù)據(jù)
在jquery中,解決數(shù)據(jù)傳遞處理的方法我們通常利用$.ajax或$.post,但是這里這里通常不能傳遞特殊字符,比如說:“<”,本文就幫大家解決如何傳遞這種含特殊字符的數(shù)據(jù),感興趣的朋友一起看下吧2015-10-10
AJAX亂碼與異步同步以及封裝jQuery庫(kù)實(shí)現(xiàn)步驟詳解
這篇文章主要介紹了異步通信技術(shù)AJAX亂碼問題、異步與同步、手動(dòng)封裝一個(gè)jQuery庫(kù),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-01-01
用ajax傳遞json到前臺(tái)中文出現(xiàn)問號(hào)亂碼問題的解決辦法
這篇文章主要介紹了用ajax傳遞json到前臺(tái)中文出現(xiàn)問號(hào)亂碼問題的解決辦法,需要的朋友參考下2017-01-01
基于Ajax技術(shù)實(shí)現(xiàn)文件上傳帶進(jìn)度條
這篇文章主要介紹了基于Ajax技術(shù)實(shí)現(xiàn)文件上傳帶進(jìn)度條的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06

