为什么Ajax调用后台Action,结果返回回调函数时,在js里没有进入回调函数?

我在js里面通过ajax调用一个action,然后返回结果给回调函数,但是程序始终不进入回调函数callback,请问问题出在哪里了?

<script type="text/javascript">
        function chooseFile(obj)
        {
            $('uploadpictureForm').action = "${pageContext.request.contextPath}/page/uploadPicture.action";
            $('uploadpictureForm').submit();
        }   
        function checkRadio(id)
        {
            if(id=="local")
            {
                $("uploadfile").style.display = "block";
                $("uploadPicture").disabled = false;
            }
            if(id=="server")
            {
                $("uploadfile").style.display = "none";
                $("showImg").style.display = "block";
                var url = "${pageContext.request.contextPath}/page/showPicture.action";
                ajax("post",url,"",callback);
                alert(1);
            }
        }
        function callback(obj)
        {
            alert(2);
        }
    
    </script>

ajax.js:

//ajax的封装
var hand;//回调函数
var xmlHttpRequest;
function createXmlRequest(){
    if(window.XMLHttpRequest){
        xmlHttpRequest = new XMLHttpRequest();
    }else{
        xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
    }
}
//参数1:get/post
//参数2:访问地址
//参数3:发送给服务器的数据
//参数4:回调函数
function ajax(method,url,data,handle){
    createXmlRequest();//先创建核心对象
    hand = handle;
    if(method=="get"){
        url += ("?@new Date()@"+data);
        xmlHttpRequest.onreadystatechange = result;
        xmlHttpRequest.open(method,url,true);
        xmlHttpRequest.send(null);

    }else{
        xmlHttpRequest.onreadystatechange = result;
        xmlHttpRequest.open(method,url,true);
        xmlHttpRequest.setRequestHeader("content-length",data.length); 
        xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        xmlHttpRequest.send(data);
    }
}

//回调处理函数
function result(){
    if(xmlHttpRequest.readyState==4&&xmlHttpRequest.status==200){
        var data = xmlHttpRequest.responseText;
        hand(data);
    }

}

  

 

 

struts.xml:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN" "http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
    <package name="test" extends="struts-default" namespace="/page">
        <action name="uploadPicture" class="com.isoftstone.action.UploadPictureAction">
            <result name="success" type="redirect">/index.jsp</result>
        </action>
        <action name="showPicture" class="com.isoftstone.action.ShowPictureAction">
            <result name="ajax"/>
        </action>
    </package>
</struts>

 

12个回答

404,请求错误了么!这个你要自己检查一下代码了

你确定ajax请求已经发起了吗?我暂时也没看出什么问题,不过你可以在回调函数result那里设个断点,然后调试一下就知道什么情况了。

[quote]
不过我的电脑不能设置断点调试
[/quote]
为什么不能调试,firefox的firebug,或者chrome都可以设断点调试啊!

你把resutl里的内容搬到onreadystatechange上,使用匿名函数试试,这样:
[code="java"]
xmlHttpRequest.onreadystatechange = function() {
alert(1);//测试1
if(xmlHttpRequest.readyState==4&&xmlHttpRequest.status==200){
alert(2);//测试2
var data = xmlHttpRequest.responseText;

handle(data); //这里直接使用参数
}

}
[/code]

那不应该啊,你改成这样:
[code="java"]
xmlHttpRequest.onreadystatechange = function() {
alert(1);//测试1
if(xmlHttpRequest.readyState==4&&xmlHttpRequest.status==200){
alert(2);//测试2
var data = xmlHttpRequest.responseText;

alert(handle);//看看回调函数是否存在
handle(data); //这里直接使用参数
}

}
[/code]
把你callback里的alert内容改一下,不然不知道到底是谁alert出来的“2”.

现在结果如何?

你把[code="java"]function callback(obj)

{

alert(2);

} [/code]
这个函数定义放到checkRadio函数前面去试试。

[quote]alert(handle);没有打印,为什么回调函数不存在啊?[/quote]
没打印是什么意思?没有执行alert吗,还是打印空白?

那把[code="java"]var data = xmlHttpRequest.responseText; [/code]
这个两个全部打印出来看看,xmlHttpRequest和data

[quote]alert(1)执行了; alert(2)没有执行,看来是没有进入if或者不满足if的条件啊。[/quote]
那你把xmlHttpRequest.readyState和xmlHttpRequest.status都打印出来看看。

共12条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问