ajax总结(二):XML对象介绍、找API方法、和JS知识点补充

一.XML对象有关知识

1.什么时候可以通过xhr.responseXML拿到XML对象？
如果你请求的响应体是xml文本，并且响应报文的Content-Type：告诉了你这是一个XML文件，那么就可以直接用responseXML来获得XML对象.

2.如果Content-Type告诉你这不是一个XML，那么不可以用responseXML来获得XML对象;如果Content-Type没有告诉你这是一个XML,怎么判断呢?建议先用responseXML取值打印一下，如果有值就可以用，如果没值说明不可以用,这时我们就需要做转换了.

3.转换方法：
//第一步:创建一个文档转换对象

      var parser=new DOMParser();

//第二步:把响应体转成xml对象

      var xml=parser.parserFromString(xhr.responseText,'text/xml');

二.找API方法

1.百度搜：API;

2.私货：分析一下有些功能肯定需要发请求，我们可以打开网页按F12，在network看发的请求，里面就会有请求路径和方式和参数等.

三.JS的知识补充

1.不加大括号的问题
a.函数一定不能省略大括号;
b.其他语句如果语句块里只有一句话，那么可以省略大括号.

2.下拉框的解释说明
这是普通的下拉框代码:

<body>
    <select name="" id="">
        <option value="">西瓜</option>
        <option value="">苹果</option>
        <option value="">香蕉</option>
    </select>
</body>

对应页面效果:
在这里插入图片描述

a.下拉框默认是单选的,也就是上图的下拉选择,如果给select单独加一个mutiple属性就可以多选,同时页面效果不是下拉形式,会改为列表形式,如下图:
在这里插入图片描述

b. 下拉框可以正常设置宽和高的样式 ;

c.事件介绍:它没有选择事件,它有专门的onchange事件.
onchange:当值发生改变时会触发这个事件,如果值没变不会触发.
d.属性介绍:
(1)下拉框option有个属性叫value属性
这个value属性通过它可以获取到被选中的option的value值,但是如果被选择的option没写value属性,那么会获取到option的文本;
(2)下拉框option的这个value属性可以设置:
在这里插入图片描述
设置规律:

设置的时候会先找到所有带value的option，看有没有value等于你设置的那个值，如果有，就把option给选中;

如果没有，会再找到所有不带value的option，看有没有哪个文本等于你的那个值，如果有就设置，如果没有就谁都不设置.