jQuery ajax 应用

--------------------------index.jsp--------------------------

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>AjAX请求数据</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript"><!--
//dataType:"script","html","xml","json"
jQuery.ajax({
type: "POST",
url: "MyJsp.jsp",
data: "id=1",
dataType:"script",
success: function(){
jQuery.each(APRS.result, function(i,data){
jQuery("#message").append(data.sencond+"<br>");
});
},
complete:function(){
jQuery("#message").append("请求完成");
},
error:function(){
jQuery("#message").append("请求错误");
}
});
/*jQuery.getScript("MyJsp.jsp?id=1", function(){
jQuery.each(APRS.result, function(i,aa){
jQuery("#message").append(aa.sencond+"<br>");
});
});
jQuery.getJSON("MyJsp.jsp",{id:2}, function(data){
jQuery.each(data.result, function(i,aa){
jQuery("#message").append(aa.sencond+"<br>");
});
});
jQuery.post("MyJsp.jsp",{id:3}, function(data){
jQuery("#message").append(data);
});*/

--></script>
</head>
<body>
<div id="images"></div>
请求数据输出:
<br />
<br />
<div id="message"></div>
</body>
</html>
---------------------------------MyJsp.jsp---------------------------------

<%@ page contentType="application/x-javascript" language="java" pageEncoding="UTF-8"%>
<%if(request.getParameter("id").equals("1")){%>
var APRS = {
keyword: '名字',
result:
[
{num:'1',sencond:'Test getScript1'},
{num:'2',sencond:'Test getScript2'}
]
}
<%}else if(request.getParameter("id").equals("2")){%>
{
keyword: '名字',
result:
[
{num:'1',sencond:'Test getJson1'},
{num:'2',sencond:'Test getJson2'}
]
}
<%}else if(request.getParameter("id").equals("3")){%>
简单结果
<%}%>

你可能感兴趣的:(JavaScript,jquery,Ajax,jsp,json)