ajax实现添加,Ajax实现无刷新添加记录

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

出自：WEB程序员之家---http://www.51wsc.com

Conn.asp

set conn=Server.CreateObject("ADODB.Connection")

DBPath=Server.MapPath("db1.mdb")

conn.Open "provider=microsoft.jet.oledb.4.0;data source="&dbpath

%>

数据库db1.mdb

表article

字段id title

div.asp

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

function ab(){

div2.style.display=""

}

function b()

{

div2.style.display="none"

}

function add(){

if(document.getElementById("username").value==""){

alert("请输入标题!")

return false;

}

var xmlHttp;

xmlHttp=new createXmlHttp();

xmlHttp.onreadystatechange=function(){

if(xmlHttp.readystate==4){

//document.getElementById("div4").innerHTML=xmlHttp.responseText

var div=document.getElementById("div4")

var li=document.createElement("li")

li.innerText=document.getElementById("username").value

div.insertBefore(li,div.firstChild)     //放在最前面显示

//div.appendChild(li)   放在最后面显示

document.getElementById("username").value=""

document.getElementById("div2").style.display="none"

}

}

xmlHttp.open("get","add.asp?value="+document.getElementById("username").value,true);

xmlHttp.send(null);

}

function createXmlHttp(){

var xmlHttp;

if(window.ActiveXObject){

xmlHttp=new ActiveXObject("microsoft.xmlhttp")

}

else{

xmlHttp=new XMLHttpRequest();

}

return xmlHttp;

}