Time: 2024-04-10 16:32:26
Author: Jackasher

AJAX3

所以有了AJAX后,前端可以直接拿着数据,动态展示HTML,所以JSP这种东西显得很没有必要,AJAX是可以接受和处理数据的,把JAVA程序这块给到了前端,前面我们看到的是AJAX处理返回的JSON数据,使用ajax.responseText得到JSON的字符串,而接下来我们看到处理XML

//处理response内容为xml
set responseContent("text/xml")

var ajax = new XMLHttpRequest()

ajax.onreadystagechange = function(){
  if(readyState == 200) {
    
    //默认返回xml的树结构对象了
    var xmlDoc = this.responseXml
    
    var list = xmlDoc.getElemnetByTagname("")
  }
}

//xml对象的一些方法,和属性
xml.nodename
node.textContent

//html += 可Ø以拼字符串
//如何获取表格body后,在innerHTML加入html

最后补一下JQuery的知识,老杜讲了一下JQuery是怎么来的,豁然开朗! ,JQuery的思想来自于css的引用,利用函数和变量封装下面是实例代码

//正常我们调用一个类是这样
document.getElementById("jack")

//现在我们写一个函数封装一下
function JQuery (selector) {
  if(selector.charAt(0) == "#"){
    var domObj = document.getElementById(selector.substring(1))
  }
      return domObj
}
//简化变量名为$
$ = JQuery

//从此调用变的简单
$("jack").innerText