html页面-------------ajax.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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../js/jquery-1.7.1.js"></script>
<title></title>
</head>
<script type="text/javascript">
$(function(){
$('#btn').click(function(e) {
            $.get("ajax.jsp",{
name:"aaa",
pw:"123"
},function(data){
alert(data.result);
$('#tip').html(data.result);
},"json");
        });
})
</script>
<body>
<div><input type="button" id="btn" value="click"/></div>
<div id="tip" style="height:30px;background-color:#ccc;"></div>
</body>
</html>
jsp页面-------------ajax.jsp<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<%
String name=request.getParameter("name");
String pw=request.getParameter("pw");
response.setContentType("json");
if(name=="aaa"&&pw=="123"){
out.println("{['result':'成功']}");
}else{
out.println("{['result':'失败']}");
}
%>
</body>
</html>
现在我想实现的效果是,在jsp页面中对传入的name和pw进行判断,然后返回的是json,在html页面中先用alert弹出返回值,然后将返回值插入到id为#tip的div中
-----------------下面是在3种浏览器中的效果
1.IE浏览器-------------alert弹出undefined,返回值没有插入到div中
2.火狐浏览器-------------alert弹出undefined,返回值没有插入到div中
3.谷歌浏览器-------------什么效果都没有
求助各位啊!!!!!!

解决方案 »

  1.   

    out.write("{['result':'成功']}");试试!
      

  2.   

    你的ajax.jsp中有html代码。是无法返回json类型的。
    .get方法是没有办法自动转换为json类型的。
    建议你改两点:
    1、使用:getJSON
    2、ajax.jsp不要有html。最后ajax.jsp输出的只要一个json类型的代码
      

  3.   


    我是想用get方法看看效果,而且这是用dreamweaver新建的JSp,还有只要输出一个json类型的代码是什么意思啊?