web前端知识点小结 （六）

js发送http请求

var xmlhttp;
	if (window.XMLHttpRequest)
	{
		//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
		xmlhttp=new XMLHttpRequest();
	}
	else
	{
		// IE6, IE5 浏览器执行代码
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
		}
	}
	xmlhttp.open("GET",url,true);
	xmlhttp.send();
	/*post 方法*/
	//var data = var jsonData = JSON.stringify({key1:value1,key2:value2,...});
	//xmlhttp.open("post",url,true);
	//xmlhttp.setRequestHeader('Content-Type','application/json');
    //xmlhttp.send(data);

跨域请求

跨域请求，就是说浏览器在执行脚本文件的ajax请求时，脚本文件所在的服务地址和请求的服务地址不一样。说白了就是ip、网络协议、端口都一样的时候，就是同一个域，否则就是跨域。这是由于Netscape提出一个著名的安全策略——同源策略造成的，这是浏览器对JavaScript施加的安全限制。是防止外网的脚本恶意攻击服务器的一种措施。

发送http请求时xmlhttp.readyState==4而xmlhttp.status一直为0原因：跨域请求（本地访问时如果前端脚本文件路径为localhost，则请求的服务器地址也必须为localhost否则就是跨域;如果前端脚本地址为机身ip，则请求的服务器地址也必须是该ip，否则就是跨域）

js和sprngboot实现跨域访问：
@CrossOrigin添加到当前路径可以实现跨域访问，如果添加到controller的上面则所有路径均可以实现跨域

z-index生效前提

z-index只能在position属性值为relative或absolute或fixed的元素上有效。

jquery相关知识点

$(this)表示当前元素

访问子元素img的src如下：
var src = $(this).children(‘img’)[0].src;
修改src如下：
$(this).children(‘img’).attr(‘src’, path)