Jquery+AJAX++获取google+API+图片源

Jquery+AJAX  获取google API 图片源:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript" src="js/jquery-1.6.4.js"></script>
	<script type="text/javascript">
		$(function(){
			$(":button[value=click]").bind("click",function(){
				

			$.post("ImageServlet",
					{name1:$(":text[name=name1]").val()},
					function(data){
						$("#image").empty();
						$.each(data,function(k,v){
							 vs=eval('('+v+')');
							$("#image").append("<image src='"+vs.responseData.results[0].url+"' width=150 height=150 />");
						})
					}
				)
			})
		});
	</script>
  </head>
  
  <body>
    <input type="text" name="name1" /><input type="button" value="click" />
    <div id="image"></div>
    
    <!--  
    		$.getJSON("ImageServlet",{name1:$(":text[name=name1]").val()},function(data){
					$.each(data,function(k,v){
						alert(v);
						

						})
				})		
    
    -->
  </body>
</html>


ImageServlet


package com.wansha.servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.google.gson.Gson;

public class ImageServlet extends HttpServlet {

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		try {
		String name1 = request.getParameter("name1");
		List<String> list = new ArrayList<String>();
		String content = "";
		for(int i=0;i<64;i++){
			String queryString = "https://ajax.googleapis.com/ajax/services/search/images?v=1.0&rsz=large";
			queryString += "&q=" + name1 + "&start=" + i;

			content = NetworkUtil.getInternetJson(queryString);
			System.out.println(content);
			list.add(content);
		}
		System.out.println(list.size());
		Gson gson = new Gson();
		String resultedString = gson.toJson(list);
//		resultedString	= "[{\"responseData\": {\"results\":[{\"GsearchResultClass\":\"GimageSearch\",\"width\":\"462\",\"height\":\"500\",\"imageId\":\"ANd9GcSUE2fiP81fETB1AdQrJvhb9m3CDa-DrDsIGyDHaLjYloqdonxpeR16tgSN\",\"tbWidth\":\"120\",\"tbHeight\":\"130\",\"unescapedUrl\":\"http://www.blogcdn.com/www.engadget.com/media/2007/01/apple-iphone-official-1.jpg\",\"url\":\"http://www.blogcdn.com/www.engadget.com/media/2007/01/apple-iphone-official-1.jpg\",\"visibleUrl\":\"www.engadget.com\",\"title\":\"The Apple \\u003cb\\u003eiPhone\\u003c/b\\u003e -- Engadget\",\"titleNoFormatting\":\"The Apple iPhone -- Engadget\",\"originalContextUrl\":\"http://www.engadget.com/2007/01/09/the-apple-iphone/\",\"content\":\"\\u0026quot;\\u003cb\\u003eiPhone\\u003c/b\\u003e,\\u0026quot; the name the\",\"contentNoFormatting\":\"\\u0026quot;iPhone,\\u0026quot; the name the\",\"tbUrl\":\"http://t2.gstatic.com/images?q\\u003dtbn:ANd9GcSUE2fiP81fETB1AdQrJvhb9m3CDa-DrDsIGyDHaLjYloqdonxpeR16tgSN\"},{\"GsearchResultClass\":\"GimageSearch\",\"width\":\"200\",\"height\":\"267\",\"imageId\":\"ANd9GcR7uibMR_S9f3nu_jWpN0G2fdbkNRjibyAjb_GUd7Osf27uZJrkZMNsdg\",\"tbWidth\":\"85\",\"tbHeight\":\"113\",\"unescapedUrl\":\"http://static.howstuffworks.com/gif/iphone-1a.jpg\",\"url\":\"http://static.howstuffworks.com/gif/iphone-1a.jpg\",\"visibleUrl\":\"electronics.howstuffworks.com\",\"title\":\"HowStuffWorks \\u0026quot;How the \\u003cb\\u003eiPhone\\u003c/b\\u003e Works\\u0026quot;\",\"titleNoFormatting\":\"HowStuffWorks \\u0026quot;How the iPhone Works\\u0026quot;\",\"originalContextUrl\":\"http://electronics.howstuffworks.com/iphone.htm\",\"content\":\"\\u003cb\\u003eiPhone\\u003c/b\\u003e Image Gallery\",\"contentNoFormatting\":\"iPhone Image Gallery\",\"tbUrl\":\"http://t0.gstatic.com/images?q\\u003dtbn:ANd9GcR7uibMR_S9f3nu_jWpN0G2fdbkNRjibyAjb_GUd7Osf27uZJrkZMNsdg\"},{\"GsearchResultClass\":\"GimageSearch\",\"width\":\"503\",\"height\":\"830\",\"imageId\":\"ANd9GcQH8DjQYGla8At7MGLUBGndtGDJ4ME4ZO1bRDhQacBfi4ab4PHK8NuhXzk\",\"tbWidth\":\"87\",\"tbHeight\":\"144\",\"unescapedUrl\":\"http://davidcann.com/iphone/iphone-interface.jpg\",\"url\":\"http://davidcann.com/iphone/iphone-interface.jpg\",\"visibleUrl\":\"davidcann.com\",\"title\":\"\\u003cb\\u003eiPhone\\u003c/b\\u003e Interface in JavaScript\",\"titleNoFormatting\":\"iPhone Interface in JavaScript\",\"originalContextUrl\":\"http://davidcann.com/iphone/\",\"content\":\"\\u003cb\\u003eiPhone\\u0026#39;s\\u003c/b\\u003e Third-Party Apps\",\"contentNoFormatting\":\"iPhone\\u0026#39;s Third-Party Apps\",\"tbUrl\":\"http://t2.gstatic.com/images?q\\u003dtbn:ANd9GcQH8DjQYGla8At7MGLUBGndtGDJ4ME4ZO1bRDhQacBfi4ab4PHK8NuhXzk\"},{\"GsearchResultClass\":\"GimageSearch\",\"width\":\"386\",\"height\":\"701\",\"imageId\":\"ANd9GcTlsWHdWID5NFiSkn8EnhirL6jPBTn3BWFBFyACwpLGOXdpP61HfZamn6o\",\"tbWidth\":\"77\",\"tbHeight\":\"140\",\"unescapedUrl\":\"http://images.macworld.com/images/news/graphics/133988-iphone3g.jpg\",\"url\":\"http://images.macworld.com/images/news/graphics/133988-iphone3g.jpg\",\"visibleUrl\":\"www.macworld.com\",\"title\":\"Review: \\u003cb\\u003eiPhone\\u003c/b\\u003e 3G Review | Phones - Page 1 | Macworld\",\"titleNoFormatting\":\"Review: iPhone 3G Review | Phones - Page 1 | Macworld\",\"originalContextUrl\":\"http://www.macworld.com/article/134482/2008/07/iphone3g_review.html\",\"content\":\"\\u003cb\\u003eiPhone\\u003c/b\\u003e 3G\\u0026#39;s dock connector\",\"contentNoFormatting\":\"iPhone 3G\\u0026#39;s dock connector\",\"tbUrl\":\"http://t3.gstatic.com/images?q\\u003dtbn:ANd9GcTlsWHdWID5NFiSkn8EnhirL6jPBTn3BWFBFyACwpLGOXdpP61HfZamn6o\"}],\"cursor\":{\"pages\":[{\"start\":\"0\",\"label\":1},{\"start\":\"4\",\"label\":2},{\"start\":\"8\",\"label\":3},{\"start\":\"12\",\"label\":4},{\"start\":\"16\",\"label\":5},{\"start\":\"20\",\"label\":6},{\"start\":\"24\",\"label\":7},{\"start\":\"28\",\"label\":8}],\"estimatedResultCount\":\"406000000\",\"currentPageIndex\":0,\"moreResultsUrl\":\"http://www.google.com/images?oe\\u003dutf8\\u0026ie\\u003dutf8\\u0026source\\u003duds\\u0026start\\u003d0\\u0026hl\\u003den\\u0026q\\u003diphone\"}}, \"responseDetails\": null, \"responseStatus\": 200}]";
		PrintWriter pw = response.getWriter();
		response.setContentType("application/json");
		response.setHeader("pragma", "no-cache");
		response.setHeader("cache-control", "no-cache");
		pw.write(resultedString);
		pw.close();
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		this.doGet(request, response);
	}

}



你可能感兴趣的:(jquery,Ajax,api,function,Google,iPhone)