<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
$("#getContent").click(function(){
$.getScript("czz.js",function(){
alertHtml($("#showText"));
})
});
$("#getJson").click(function(){
$.getJSON("test?name=czz&address=dszy",function(data){
var str = data['name']+" "+data['address'];
$("#showText").empty().text(str);
});
});
});
</script>
</head>
<body>
<div id="showText"><span>He who hesitates is lost.</span></div>
<input type="button" id="getContent" value="getAjax">
<input type="button" id="getJson" value="getJson">
</body>
</html>
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
String name = req.getParameter("name");
String address = req.getParameter("address");
StringBuffer sb = new StringBuffer("");
sb.append("{\"name\":\"")
.append(name)
.append("_czz\",\"address\":\"")
.append(address)
.append("_czz\"}");
resp.setContentType("html/JSON;charset=utf-8");
resp.getWriter().print(sb.toString());
}function alertHtml(e){
alert(e.html());
}jQuery_review之使用$.getScript()以及$.getJSON来与服务端进行异步信息交互,布布扣,bubuko.com
jQuery_review之使用$.getScript()以及$.getJSON来与服务端进行异步信息交互
原文:http://blog.csdn.net/ziwen00/article/details/38188583