当前位置: 代码迷 >> JavaScript >> jquery+ json-取靠山一个jsonObject对象
  详细解决方案

jquery+ json-取靠山一个jsonObject对象

热度:201   发布时间:2012-10-18 13:46:55.0
jquery+ json--取后台一个jsonObject对象
<!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 方法

读取远程数据时发现,有的会提示脚本错误 &quot; 未组织好&quot;

原因 servlet的默认返回类型是&quot;text/xml&quot;或&quot;text/html&quot;

解决方案:设置下返回类型..

.net?? : Response.ContentType = &quot;text/plain&quot;;

java? : response.setContentType(&quot;text/plain&quot;);

附: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 audio/midi,audio/x-midi
RealAudio音乐文件 .ra, .ram audio/x-pn-realaudio
MPEG文件 .mpg,.mpeg video/mpeg
AVI文件 .avi video/x-msvideo
GZIP文件 .gz application/x-gzip
TAR文件 .tar application/x-tar

? Internet中有一个专门组织IANA来确认标准的MIME类型,但Internet发展的太快,很多应用程序等不及IANA来确认他们使用的MIME类型为标准类型。因此他们使用在类别中以x-开头的方法标识这个类别还没有成为标准,例如:x-gzip,x-tar等。事实上这些类型运用的很广泛,已经成为了事实标准。只要客户机和服务器共同承认这个MIME类型,即使它是不标准的类型也没有关系,客户程序就能根据MIME类型,采用具体的处理手段来处理数据。而Web服务器和浏览器(包括操作系统)中,缺省都设置了标准的和常见的MIME类型,只有对于不常见的 MIME类型,才需要同时设置服务器和客户浏览器,以进行识别。

? 由于MIME类型与文档的后缀相关,因此服务器使用文档的后缀来区分不同文件的MIME类型,服务器中必须定义文档后缀和MIME类型之间的对应关系。而客户程序从服务器上接收数据的时候,它只是从服务器接受数据流,并不了解文档的名字,因此服务器必须使用附加信息来告诉客户程序数据的MIME类型。服务器在发送真正的数据之前,就要先发送标志数据的MIME类型的信息,这个信息使用Content-type关键字进行定义,例如对于HTML文档,服务器将首先发送以下两行MIME标识信息,这个标识并不是真正的数据文件的一部分。

? Content-type: text/html

? 注意,第二行为一个空行,这是必须的,使用这个空行的目的是将MIME信息与真正的数据内容分隔开。

?

  相关解决方案