87,992
社区成员
发帖
与我相关
我的任务
分享ajax异步，按钮点了没反应，也不报错，看了好久都不知道咋了
ajax异步，按钮点了没反应，也不报错，看了好久都不知道咋了
<body>
<SCRIPT LANGUAGE="JavaScript">
function aaa(){
var id=document.insertForm.Id.value;
var no=document.insertForm.StuNo.value;
var name=document.insertForm.StuName.value;
var sex=document.insertForm.Sex.value;
var age=document.insertForm.Age.value;
var phone=document.insertForm.Phone.value;
var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
var url =
"servlet/ajax?Id="+id+"&StuNo="+no+"&StuName="+name+"&Sex="+sex+"&Age="+age+"&Phone="+phone;
xmlHttp.open("POST",url,true);
xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState==4){
resultDiv.innerHTML = xmlHttp.responseText;
}
}
xmlHttp.send();
}
</SCRIPT>
<div id="resultDiv">
<form name="insertForm">
ID:<input type="text" name="Id"><br>
StuNo:<input type="text" name="StuNo"><br>
StuName:<input type="text" name="StuName"><br>
Sex:<input type="text" name="Sex"><br>
Age:<input type="text" name="Age"><br>
Phone:<input type="text" name="Phone"><br>
<input type="button" value="提交" onclick="aaa()"> <br>
</form>
</div>
</body>
<body>
<SCRIPT LANGUAGE="JavaScript">
function aaa(){
var id=document.insertForm.Id.value;
var no=document.insertForm.StuNo.value;
var name=document.insertForm.StuName.value;
var sex=document.insertForm.Sex.value;
var age=document.insertForm.Age.value;
var phone=document.insertForm.Phone.value;
var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
var url =
"servlet/ajax?Id="+id+"&StuNo="+no+"&StuName="+name+"&Sex="+sex+"&Age="+age+"&Phone="+phone;
xmlHttp.open("POST",url,true);
xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState==4){
resultDiv.innerHTML = xmlHttp.responseText;
}
}
xmlHttp.send();
}
</SCRIPT>
<div id="resultDiv">
<form name="insertForm">
ID:<input type="text" name="Id"><br>
StuNo:<input type="text" name="StuNo"><br>
StuName:<input type="text" name="StuName"><br>
Sex:<input type="text" name="Sex"><br>
Age:<input type="text" name="Age"><br>
Phone:<input type="text" name="Phone"><br>
<input type="button" value="提交" onclick="aaa()"> <br>
</form>
</div>
</body>
...全文
请发表友善的回复…
发表回复
slwsss 2015-11-09
- 打赏
- 举报
function aaa(){
var id=document.insertForm.Id.value;
var no=document.insertForm.StuNo.value;
var name=document.insertForm.StuName.value;
var sex=document.insertForm.Sex.value;
var age=document.insertForm.Age.value;
var phone=document.insertForm.Phone.value;
var xmlHttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlHttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
var url =
"servlet/ajax?Id="+id+"&StuNo="+no+"&StuName="+name+"&Sex="+sex+"&Age="+age+"&Phone="+phone;
xmlHttp.open("POST",url,true);
xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState==4){
resultDiv.innerHTML = xmlHttp.responseText;
}
}
xmlHttp.send();
}
xuzuning 2015-11-09
- 打赏
- 举报
var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
只能用于 IE 浏览器中
Msxml2.XMLHTTP 存在一些问题，不能保证在所有环境中都能正常工作
应使用
var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
考虑到兼容性，应写作
var xmlHttp
try {
xmlhttp = new XMLHttpRequest();
} catch (oc) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (oc) {}
}
huikai1994 2015-11-09
- 打赏
- 举报
应该还有State = 200 啊
这是我写的，可以用
function createXMLHttpRequest(){
var request ;
if(window.XMLHttpRequest){//Mozilla浏览器
request = new XMLHttpRequest();
}else if(window.ActiveXObject){//IE浏览器
request = new ActiveXObject("Microsoft.XMLHTTP");
}
return request;
}
function validateName(){
//2:创建XMLHttpRequest对象。
var request = createXMLHttpRequest();//new XMLHttpRequest();
//3:定义我们的method和url
var userName = document.getElementById("userName").value;
var url = "<%=basePath%>/servlet/ValidateName?userName="+userName
var method = "POST";
//4：调用XMLHttpRequest的open方法。
request.open(method,url);
//5：调用我们XMLHttpRequest的send方法。
request.send(null);
//6:为 XMLHttpRequest 添加 onreadystatechange 响应函数。
request.onreadystatechange = function(){
//7:判断是否已经响应完成，XMLHttpRequest对象的readyState属性值为4.
if(request.readyState == 4){
//8:判断我们的响应是否可用，XMLHttpRequest对象的status属性值为200.
if(request.status == 200){
//9:打印一下我们的响应结果：alert一下。
var result = request.responseText;
document.getElementById("userDiv").innerHTML = result;
}
}
}
}
