html页面里的ajax调用servlet，html里没有form表单

Posted 2023-03-15

随便写一个html, 然后在里面写一个js方法，Js通过ajax调用一个正在tomcat中运行的servlet,html页面中不使用form表单，那么，这个js应该如何写啊？请高手指点。需要注意的是，html页面跟调用的那个servlet不在同一个项目中。

<script type="text/javascript">
var xmlHttp;
var m="vale";
//那用到ajax就调用这个方法,传个url地址就可以了如all.do
function aa(url)

createXmlHttpRequest();//创建httpreques对象
xmlHttp.onreadystatechange=processor;//调用回调函数
xmlHttp.open("get",url,true);//get方/式发送
xmlHttp.send(null);//发送

function processor()
//readyState
//0 = 未初始化（uninitialized）
//1 = 正在加载（loading）
//2 = 加载完毕（loaded）
//3 = 交互（interactive）
//4 = 完成（complete）
if(xmlHttp.readyState==4)
if(xmlHttp.status==200)//200表示一切正常
var b=xmlHttp.responseText;//获得后台返回的值json类型的




//创建一个XmlHttpRequest对象
function createXmlHttpRequest()
if(window.ActiveXObject)
xmlHttp=new ActiveXObject("microsoft.XMLHTTP");
else if(window.XMLHttpRequest)
xmlHttp=new XMLHttpRequest();


</script> 参考技术A 一 js程序
var xmlhttp;
function verify()
//0 获取数据
var name=document.getElementById("name").value;
//1创建

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)




// if(!xmlhttp)
// alert("xmlhttprequest对象创建失败");
// return;
// else
// alert(xmlhttp);
//

//2 回调
xmlhttp.onreadystatechange=callback;

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

//4 发送数据
xmlhttp.send(null);


//回调函数
function callback()
//5
if(xmlhttp.readyState==4)
if(xmlhttp.status==200)
var responseText=xmlhttp.responseText;
var divNode=document.getElementById("results");
divNode.innerHTML=responseText;



2 servlet 放在web.xml中即可
3注意事项:
jsp组建加id属性，例如<input type="text" id="name">
最好是了解异步请求的原理，了解js中每个步骤的含义，这些是基础，能够完全掌握后jquery（IDE工具）可以用两三行代码就实现
再好好看看servlet，觉得你不太理解