jquery+ json-取靠山一个jsonObject对象
日期：2014-05-16 浏览次数：20549 次
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.6.1.js">
</script>
<script language="JavaScript">
$(function(){
$("#bt1").click(function(){
var URL = "../jsonObject";
$.getJSON(URL, function(data){
alert("JSON Data 姓名：: " + data.name);
alert("JSON Data 年龄：: " + data.age);
alert("JSON Data 性别：: " + data.sex);
});
});
})
</script>
</head>
<body>
<p align="center">
jquery+ json--取后台一个jsonObject对象
</p>
<table align="center">
<tr>
<td>
<input type="button" value="点击获取" id="bt1">
</td>
<td>
<div id="div1">
</div>
</td>
</tr>
</table>
</body>
</html>
?后台代码：
package com.wepull.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONObject;
public class JsonObjectServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
doPost(req, resp);
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
response.setContentType("text/plain");
String name = request.getParameter("name");
System.out.println("ajax传来的name："+name);
System.out.println("---");
PrintWriter pw = response.getWriter();
JSONObject jsonObj = new JSONObject();
jsonObj.put("name", "小希子");
jsonObj.put("age", new Integer(21));
jsonObj.put("sex", "男");
System.out.println(jsonObj);
pw.println(jsonObj);
}
}
?
注意
jquery.getJSON 方法
读取远程数据时发现,有的会提示脚本错误 " 未组织好"
原因 servlet的默认返回类型是"text/xml"或"text/html"
解决方案:设置下返回类型..
.net?? : Response.ContentType = "text/plain";
java? : response.setContentType("text/plain");
附：MIME简介
什么是MIME类型-在把输出结果传送到浏览器上的时候，浏览器必须启动适当的应用程序来处理这个输出文档。这可以通过多种类型MIME（多功能网际邮件扩充协议）来完成。在HTTP中，MIME类型被定义在Content-Type header中。
例如，假设你要传送一个Microsoft Excel文件到客户端。那么这时的MIME类型就是“application/vnd.ms-excel”。在大多数实际情况中，这个文件然后将传送给Execl来处理。
每个MIME类型由两部分组成，前面是数据的大类别，例如声音audio、图象image等，后面定义具体的种类。
常见的MIME类型
多媒体文件格式MIME
? 最早的HTTP协议中，并没有附加的数据类型信息，所有传送的数据都被客户程序解释为超文本标记语言HTML 文档，而为了支持多媒体数据类型，HTTP协议中就使用了附加在文档之前的MIME数据类型信息来标识数据类型。
? MIME意为多目Internet邮件扩展，它设计的最初目的是为了在发送电子邮件时附加多媒体数据，让邮件客户程序能根据其类型进行处理。然而当它被HTTP协议支持之后，它的意义就更为显著了。它使得HTTP传输的不仅是普通的文本，而变得丰富多彩。
? 每个MIME类型由两部分组成，前面是数据的大类别，例如声音audio、图象image等，后面定义具体的种类。
常见的MIME类型
超文本标记语言文本 .html,.html text/html
普通文本 .txt text/plain
RTF文本 .rtf application/rtf
GIF图形 .gif image/gif
JPEG图形 .ipeg,.jpg image/jpeg
au声音文件 .au audio/basic
MIDI音乐文件 mid,.midi a
