我在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>
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都打印出来看看。
js和struts2通信，一般都是用json格式的。而在struts2中需要引入相关jar包。配置时
不然不起作用。
配置完后，LZ可以在提交的actin里打印一些信息，看是否进入了后台action.如果进入了应该会有返回的。
lz这个例子我也不太懂，是上传图片的？ajax和服务器通信都是文本的，二文件传输是二进制的，怎么可以实现呢？期待中。。。。