请选择 进入手机版 | 继续访问电脑版
本站特色:极好的技术研究氛围!所有技术交流,必有回复!

疯狂Java联盟

 找回密码
 加入联盟
查看: 393|回复: 1

一个很简单的Ajax问题

[复制链接]
发表于 2018-6-24 21:32:07 | 显示全部楼层 |阅读模式
我在《锋利的JQuery》一书上找到一个Ajax跨域例子,我用IIS发布了一下,用IE11打开,书上说结果应该是"Hello Ajax!",但我执行后却得到这样的结果"<% response.Write("Hello Ajax!") %>"。我想请教一下原因。代码如下(共demo1.html和test.asp两个页面):
demo1.html:




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript">
//通过这个函数来异步获取信息
function Ajax(){
var xmlHttpReq = null; //声明一个空对象用来装入XMLHttpRequest
if (window.ActiveXObject){//IE5 IE6是以ActiveXObject的方式引入XMLHttpRequest的
  xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest){//除IE5 IE6 以外的浏览器XMLHttpRequest是window的子对象
  xmlHttpReq = new XMLHttpRequest();//实例化一个XMLHttpRequest
}
if(xmlHttpReq != null){ //如果对象实例化成功
  xmlHttpReq.open("GET","test.asp",true); //调用open()方法并采用异步方式
  xmlHttpReq.onreadystatechange=RequestCallBack; //设置回调函数
  xmlHttpReq.send(null); //因为使用get方式提交,所以可以使用null参调用
}
function RequestCallBack(){//一旦readyState值改变,将会调用这个函数
  if(xmlHttpReq.readyState == 4){
    if(xmlHttpReq.status == 200){
     //将xmlHttpReq.responseText的值赋给ID为 resText 的元素
     document.getElementById("resText").innerHTML = xmlHttpReq.responseText;
    }
  }
}
}
</script>
</head>
<body>
<input type="button" id="" value="Ajax提交" onclick="Ajax();" />
<div id="resText" ></div>
</body>
</html>







test.asp:

<%
response.Write("Hello Ajax!")
%>
 楼主| 发表于 2018-6-24 22:10:15 | 显示全部楼层
我把上面问题改为JSP的,因为知道版主可能对asp不是很熟悉。代码如下(共demo1.html和test.jsp两个页面):
demo1.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript">
//通过这个函数来异步获取信息
function Ajax(){
        var xmlHttpReq = null;        //声明一个空对象用来装入XMLHttpRequest
        if (window.ActiveXObject){//IE5 IE6是以ActiveXObject的方式引入XMLHttpRequest的
                xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
        }
        else if (window.XMLHttpRequest){//除IE5 IE6 以外的浏览器XMLHttpRequest是window的子对象
                xmlHttpReq = new XMLHttpRequest();//实例化一个XMLHttpRequest
        }
        if(xmlHttpReq != null){        //如果对象实例化成功
                xmlHttpReq.open("GET","test.jsp",true);        //调用open()方法并采用异步方式
                xmlHttpReq.onreadystatechange=RequestCallBack; //设置回调函数
                xmlHttpReq.send(null);        //因为使用get方式提交,所以可以使用null参调用
        }
        function RequestCallBack(){//一旦readyState值改变,将会调用这个函数
                if(xmlHttpReq.readyState == 4){
                                if(xmlHttpReq.status == 200){
                                        //将xmlHttpReq.responseText的值赋给ID为 resText 的元素
                                        document.getElementById("resText").innerHTML = xmlHttpReq.responseText;
                                }
                }
        }
}
</script>
</head>
<body>
<input type="button" id="" value="Ajax提交" onclick="Ajax();" />
<div id="resText" ></div>
</body>
</html>

test.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%out.println("Hello Ajax!");%>
您需要登录后才可以回帖 登录 | 加入联盟

本版积分规则

视频、代码、电子书下载
请关注"疯狂图书"公众号
QQ交流1群: 545923995  未满
微信群请扫二维码
QQ交流1群:
545923995
(未满)

小黑屋|手机版|Archiver|疯狂Java联盟 ( 粤ICP备11094030号 )

GMT+8, 2019-3-20 11:39 , Processed in 0.244082 second(s), 7 queries , File On.

快速回复 返回顶部 返回列表