Construct an example of the XML tree structure with JavaScript, including deleting add nodes.
Keywords: ASP, JavaScript, Java, XML
The added data of the Client end forms the required XML tree. This method is suitable for processing complex data of the Client end, and finally the storage of the XML tree is completed at the Server side. To put it bluntly, XML is just a garbage station that stores temporary data. ^ _ ^ You can make the expansion / modification on this model.
The following is EnterItem.htm
item information </ title> </ head></p>
<p><body> <div id = additem name = additem> </ div> <form name = formItem action = "processform.asp" method = "post"> <table width = "60%" border = "2" bordercolor = " Orange "cellspacing =" 1 "cellpadding =" 1 "> <tr> <td colspan = 2> <h3> enter your item information </ h3> <td> </ tr> <tr> <td> item name: </ td> <TD> <input type = "text" name = "itemname"> </ td> <tr> <tr> <td> mount: </ td> <td> <input type = "text" name = "Mount"> </ td> </ tr> <tr> <td> spec: </ td> <td> <input type = "text" name = "spec"> </ td> </ tr> < Tr> <TD> Price: </ TD> <TD> <input type = "text" name = "price"> </ td> </ tr> <tr> <td align = center colSpan = 2> <input type = "Button" id = "btnsub" name = "btnsub" value = "οnclick =" add (); "> <input type =" button "id =" btndel "name =" btndel "value =" DEL " οnclick = "DEL (DOCUMENT.ALL.DELNO.VALUE);"> DEL NO: <input type = "text" size = 3 name = "Delno"> </ td> </ tr></p>
<p></ Table> </ form> <input type = "button" id = "l x" value = "LookXML" Value = "Look XML" οnclick = "WINDOW.OPEN ('EPR.XML', 'XML', 'Toolbar = NO, STATUS = NO, SCROLLBARS = YES, Height = 400, Width = 750, TOP = 50, LEFT = 30 '); "> <br> </ body> </ html> <script> var itemno = 0; var objDom = new ActiveXObject ( "MSXML.DOMDocument"); file: // define a DOM objectobjDom.async = false; var objRoot = objDom.createElement ( "EPR"); file: // create the rootobjDom.appendChild (objRoot) VAR XMLHTTP = New ActiveXObject ("Microsoft.xmlhttp");</p>
<p>File: // ------- Add a new node ---------- Function add () {itemno ;</p>
<p>Var objfield = objDom.createElement ("item") objDom.documentelement.Appendchild (Objfield);</p>
<p>Curnode = objDom.documentelement.lastchild; var namednodemap = curnode.attribute;</p>
<p>Var objattid = objDom.createAttribute ("itemno"); objattid.text = itemnonamednodemap.setnamedItem (Objattid);</p>
<p>Var objattid = objdom.createElement ("name") objattid.text = document.formitem.ItemName.ValueCurnode.Appendchild (objattid) Document.formItem.ItemName.Value = ""</p>
<p>Var objattid = objDom.createElement ("mount") objattid.text = document.formitem.mount.valuecurnode.Appendchild (objattid) Document.formItem.mount.Value = ""</p>
<p>Var objattid = objDom.createElement ("spec") objattid.text = docutid.spec.valueCurnode.Appendchild (objattid) Document.formItem.Spec.Value = ""</p>
<p>Var objattid = objdom.createElement ("price") objattid.text = document.formitem.price.valueCurnode.Appendchild (Objattid) Document.FormItem.price.Value = "Savexml ();}</p>
<p>File: // ----------- del Node ------------- Function del (Delno) {var condcond = "//.[@ iTemno = '" Delno "']"; var delNode = objDom.documentelement.selectsinglenode (COND) VAR DEL = ObjRoot.removeChild (Delnode)</p>
<p>Savexml ();</p>
<p>File: // ---------- Save XML ---------------- Function Savexml () {xmlhttp.open ("post", "savexml.asp" , false; xmlhttp.send (objDom); if (Xmlhttp.ResponseText.indexof ("Error:")! = - 1) {Alert (Xmlhttp.ResponseText);}} </ script></p>
<p>Save as saveXML.asp <% @ Language = VBScript%> <% Response.expires = -1dim xmlrecset xmlrec = server.CreateObject ( "microsoft.xmldom") xmlrec.async = falsexmlrec.load (Request) xmlrec.save Server.MapPath ("/") & "/ EPR.XML"%></p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-29898.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>)
</div><div></div></div></div><ul class="postlist list-unstyled">
</ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="29898" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved
</div><div class="col text-right">Processed:
<b>0.034</b>, SQL:
<b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script>
var debug = DEBUG = 0;
var url_rewrite_on = 1;
var url_path = './';
var forumarr = {"1":"Tech"};
var fid = 1;
var uid = 0;
var gid = 0;
xn.options.water_image_url = 'view/img/water-small.png';
</script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script>
var forum_url = 'list-1.html';
var safe_token = 'pMypLzzG8AurrJ1VwUZ_2BjNtSWbvu_2B61XaayUKGz0F60TKEUOrlQbcYd1_2FTiPGwy7LWVktPdaxGEm9lnN08k0xQ_3D_3D';
var body = $('body');
body.on('submit', '#form', function() {
var jthis = $(this);
var jsubmit = jthis.find('#submit');
jthis.reset();
jsubmit.button('loading');
var postdata = jthis.serializeObject();
$.xpost(jthis.attr('action'), postdata, function(code, message) {
if(code == 0) {
location.reload();
} else {
$.alert(message);
jsubmit.button('reset');
}
});
return false;
});
function resize_image() {
var jmessagelist = $('div.message');
var first_width = jmessagelist.width();
jmessagelist.each(function() {
var jdiv = $(this);
var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width();
var jmessage_width = Math.min(jdiv.width(), maxwidth);
jdiv.find('img, embed, iframe, video').each(function() {
var jimg = $(this);
var img_width = this.org_width;
var img_height = this.org_height;
if(!img_width) {
var img_width = jimg.attr('width');
var img_height = jimg.attr('height');
this.org_width = img_width;
this.org_height = img_height;
}
if(img_width > jmessage_width) {
if(this.tagName == 'IMG') {
jimg.width(jmessage_width);
jimg.css('height', 'auto');
jimg.css('cursor', 'pointer');
jimg.on('click', function() {
});
} else {
jimg.width(jmessage_width);
var height = (img_height / img_width) * jimg.width();
jimg.height(height);
}
}
});
});
}
function resize_table() {
$('div.message').each(function() {
var jdiv = $(this);
jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>');
});
}
$(function() {
resize_image();
resize_table();
$(window).on('resize', resize_image);
});
var jmessage = $('#message');
jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); });
jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); });
$('#nav li[data-active="fid-1"]').addClass('active');
</script>
