javascript 不使用form调用servlet中配置的java函数_javascript调用服务器端selvet函数-优快云博客

本文详细介绍了如何通过XMLHttpRequest在HTML页面中直接调用后台函数，而无需使用form标签。包括建立XMLHttpRequest连接、发送GET请求、接收并处理响应数据的过程。同时展示了如何在请求中传递参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做一个web项目，希望在html页面中引入一个javascript文件，然后用这个js文件读取html的配置信息，并且根据得到的信息当做参数来调用后台的函数；

原来一直是使用form，但是发现与本来的设想是不同的，要再html中建立一个form标签，但是现在不想使用这个标签，后来看到网上的一些介绍，学习使用下面的信息。

下面是调用的代码：

/**
	   	 * 下面试试不使用form，而是直接调用
	   	 */
	   	//建立一个xmlhttp连接
	   	if(window.XMLHttpRequest){
	   		xmlhttp = new XMLHttpRequest();
	   		if(xmlhttp.overrideMimeType){
	   			xmlhttp.overrideMimeType("text/xml");
	   		}
	   	}else if(window.ActiveXObject){
	   		var activexName=["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
	   		for(var i=0 ;i<activexName.length;i++){
	   			try{
	   				xmlhttp =new ActiveXObject(activexName[i]);
	   				break;
	   			}catch(e){}
	   		}//for
	   	}//else 
	   	
	   	if(!xmlhttp){
	   		alert("xmlhttp 创建失败！");
	   		return;
	   	}else{
	   		alert(xmlhttp);
	   	}
	   	//callback
	   	xmlhttp.onreadystatechange=callback;
	   	//open
	   	xmlhttp.open("GET","CallSubset",true);
	   	//send the data
	   	xmlhttp.send(null);
	   	function callback(){
	   		//5
	   		if(xmlhttp.readyState == 4){
	   			if(xmlhttp.status == 200){
	   				var responseText = xmlhttp.responseText;
	   				var divNode = document.getElementById("css");
	   				divNode.innerHTML = responseText;
	   			}
	   		}
	   	}

其中，如果需要给CallSubset传递参数，可以使用下面的格式：

xmlhttp.open("GET","MyServlet?name="+name,true);

待续...