Ajax 데이터 추가 및 편 삭제 구현 코드
<html>
<head>
<title>ajax </title>
<style>
body{
font-size:12px;
}
table{
border-collapse:collapse;
}
</style>
</head>
<body>
， 10 ． ． ． ！
<hr/>
：<input id="str" type="input" /> <input type="button" value=" " onclick="add_Post()"/>
<span id="msg" style="color:red"></span>
<table border="1"><!-- -->
<tbody id="a"></tbody>
</table>
<span style="color:red"> ： ． ！</span>
<input id="hid_id" type="hidden" />
<input type="button" value=" " onclick="del_Data()" />
<script type="text/javascript">
function ajax_xmlhttp(){
// IE xmlhttpRequest, IE5.0
var msXmlhttp = new Array("Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0","Msxml2.XMLHTTP","Microsoft.XMLHTTP");
for(var i=0; i<msXmlhttp.length; i++){
try
{
_xmlhttp=new ActiveXObject(msXmlhttp[i]);
}
catch(e)
{
_xmlhttp=null;
}
} // IE xmlhttp.
// IE ， FireFox xmlhttpRequest
if(!_xmlhttp && typeof XMLHttpRequest != "undefined")
{
_xmlhttp=new XMLHttpRequest();
}
return _xmlhttp;
}
//
function Read(){
var ajax = ajax_xmlhttp(); // xmlhttprequest ．
ajax.open("post","Add_Del_Data.asp?action=read",true);// ， ，url action read，
ajax.onreadystatechange = function(){//
if(ajax.readyState == 4){//
if(ajax.status == 200){//http ok
var xmlData = ajax.responseXML;// xml ， xmlData
var list = xmlData.getElementsByTagName("list");// ， list
if(list.length!=0){
var t = document.getElementById("a");//
while(t.rows.length!=0){ // ．
t.removeChild(t.rows[0]);
}
for(var i=0;i<list.length;i++){
var tr = t.insertRow(t.rows.length);// list ．
tr.setAttribute("id",list[i].childNodes[0].firstChild.nodeValue);
tr.onclick = function(e){add_Event(e)};
var td = tr.insertCell(0);
td.innerHTML = list[i].childNodes[1].firstChild.nodeValue;
}
}
}
}
}
ajax.send(null);// ， null
}
window.load = Read();
function add_Event(e){
e = e || window.event;
var elem = e.target || e.srcElement;
if(elem.tagName == "TD"){
elem = elem.parentNode;
}
var table = elem.parentNode;
for(var i=0;i<table.rows.length;i++){
table.rows[i].style.background="";
}
elem.style.background="#999ccc";
document.getElementById("hid_id").value = elem.id;
}
//
function del_Data(){
var mesage = document.getElementById("msg");// span
mesage.innerHTML=" ......";
var table = document.getElementById("a");//
if(table.rows.length == 0){
mesage.innerHTML = " ！";
return;
}
var id = document.getElementById("hid_id");
if(id.value.length == 0){
mesage.innerHTML = " ！";
return;
}
var ajax = ajax_xmlhttp();// xmlhttprequest
ajax.open("post","Add_Del_data.asp?action=del",true);// ， ，
var param = "id="+escape(id.value);// id
ajax.onreadystatechange = function(){
if(ajax.readyState==4){
if(ajax.status==200){
var xml = ajax.responseXML;
var msg = xml.getElementsByTagName("msg")[0].firstChild.nodeValue;
if(msg == 0){
mesage.innerHTML = " ！";
var tr = document.getElementById(id.value);//
tr.parentNode.removeChild(tr);// ． ．
id.value="";// ，
}
if(msg == 1){
mesage.innerHTML = " ， ！";
}
}
}
}
ajax.setRequestHeader("content-type","application/x-www-form-urlencoded");
ajax.send(param);
}
//
function add_Post(){
var msgaes = document.getElementById("msg");//
var str = document.getElementById("str");//
if(str.value.length == 0){
msgaes.innerHTML = " ！"
return;
}
msgaes.innerHTML = " ";
var ajax = ajax_xmlhttp();// xmlhttprequest
ajax.open("post","Add_Del_data.asp?action=add",true);// ， ，
var param = "str="+escape(str.value);// , str, str
ajax.onreadystatechange = function(){
if(ajax.readyState==4){
if(ajax.status==200){
var msg = ajax.responseXML.getElementsByTagName("msg");// msg
if(msg[0].firstChild.nodeValue == 0){
var max_num = ajax.responseXML.getElementsByTagName("count")[0].firstChild.nodeValue;
var t = document.getElementById("a");
var tr = t.insertRow(0);
tr.setAttribute("id",max_num);
tr.onclick = function(e){add_Event(e)};
var td = tr.insertCell(0);
td.innerHTML = str.value;
str.value = "";
msgaes.innerHTML = " ";
}
else if(msg[0].firstChild.nodeValue == 3){
msgaes.innerHTML = " ";
return;
}
else if(msg[0].firstChild.nodeValue == 1){
msgaes.innerHTML = " ， ！";
return;
}
else{
msgaes.innerHTML = " ． ． ！";
}
}
}
}
ajax.setRequestHeader("content-type","application/x-www-form-urlencoded");// ， ．
ajax.send(param);// send param ．
}
</script>
<a href="https://www.jb51.net" target="_blank"> +</a>
</body>
</html>
<!--#include file="Conn.Asp"-->
<%
' ：http://Www.Web666.Net
' ：
'
' ， xml
xml="<?xml version='1.0' encoding='gb2312'?><body>"
action=Request.QueryString("action") ' get action
Select case action
case "read" ' read
Call Read
case "add" ' add
Call Add_Data
case "del" ' del
Call Del_Data
case else
xml = xml&"<msg> ， ！</msg>"
End Select
xml=xml&"</body>"
Response.Clear
Response.ContentType="text/xml"
Response.CharSet="gb2312"
Response.write xml
Response.End
Sub Read '
Call OpenConn '
Sql = "Select top 10 * From del_table order by id desc" ' del_table
Set Rs = Conn.Execute(Sql) ' Sql ， sql rs
While Not Rs.Eof ' ．
xml = xml&"<list>" ' list
xml = xml&"<id>"&Rs("id")&"</id>" 'id
xml = xml&"<content>"&Rs("content")&"</content>" 'content
xml = xml&"</list>" ' ， list
Rs.MoveNext '
Wend ' ．
Close_Conn '
End Sub
Sub Add_Data '
On Error Resume Next '
OpenConn '
str = Trim(Request.Form("str")) ' str
If str = "" Then
xml = xml&"<msg>3</msg>" ' ． 3
Exit Sub '
End If
Sql = "Insert Into del_table (content) values ('"&str&"')"
Conn.Execute(Sql) '
If Err.Number = 0 Then ' ，
xml = xml&"<msg>0</msg>" ' ， ． 0
Else
xml = xml&"<msg>1</msg>" ' ． ．
End If
Close_Conn
End Sub
Sub Del_Data '
On Error Resume Next
OpenConn
id = Request("id")
Sql = "Delete From del_table where id="&id
Conn.Execute(sql)
If Err.Number = 0 Then
xml = xml&"<msg>0</msg>"
Else
xml = xml&"<msg>1</msg>"
End If
Close_Conn
End Sub
%>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
SQLServer2008 스토리지 프로세스를 통한 데이터 삽입 및 업데이트비즈니스 논리 계층을 대체할 수 있을 정도로 강력한 스토리지 프로세스 다음은 저장 프로세스로 문장을 삽입하거나 업데이트하는 작은 예를 설명합니다. 1. 데이터베이스 테이블 구조 사용된 데이터베이스는 Sql Serve...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
