/*点击之后弹出一个页面，用这个js来调用产品图片内容。ajax技术的经典再现*/
//url　　菜单链接 
/*target:　菜单链接目标(用ajax方式打开时作为显示id).target：这是一个必需属性，
该属性指定一个文本框，该文本框将显示自动完成的选择项对应的value。如果用户无须
使用额外的文本框来显示value，则可将该参数设置为与source相同。*/
//Send jah Request 
function jah(url,target) {
	// native XMLHttpRequest object
	document.getElementById(target).innerHTML = "<p><strong>Loading</strong></p>";
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
		req.onreadystatechange = function() {jahDone(target);};
		req.open("GET", url, true);
		req.send(null);
	// IE/Windows ActiveX version
	} else if (window.ActiveXObject) {
		req = new ActiveXObject("Microsoft.XMLHTTP");
		if (req) {
			req.onreadystatechange = function() {jahDone(target);};
			req.open("GET", url, true);
			req.send();
		}
	}
}
//Receive jah Request 
function jahDone(target) {
	// only if req is "loaded"
	//  如果请求的状态是“完成” 
//请求的状态。有5个可取值：0 = 未初始化，
//1 = 正在加载，2 = 已加载，3 = 交互中，4 = 完成
	if (req.readyState == 4) {
		// only if "OK"
        // 成功接收了服务器响应
		if (req.status == 200) {
			results = req.responseText;
//下面一句是重点，这里显示了返回信息的内容部分，也可以加以修改。进行其它处理 
			document.getElementById(target).innerHTML = results;
		} else {
			document.getElementById(target).innerHTML="jah error:\n" +
				req.statusText;
		}
	}
}