学习jquery遇到的问题

0 0

学习jquery遇到的问题10

首先写了一个Servlet的代码

package com.servlet;

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

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

import net.sf.json.JSONArray;

import com.dao.StockDAO;
import com.entity.Stock;

public class StockServlet extends HttpServlet{
	public void service(HttpServletRequest req,
			HttpServletResponse res) throws IOException{
		System.out.println("------------");
		StockDAO stockDao = new StockDAO();
		List<Stock> list = stockDao.getStocks();
		res.setContentType("text/plain;charset=utf-8");
		PrintWriter out = res.getWriter();
		//将list以json格式text输出
		JSONArray jsonArr = JSONArray.fromObject(list);
		out.print(jsonArr.toString());
		out.flush();
		out.close();
	}
}

之后配置WEB.XML文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" 
	xmlns="http://java.sun.com/xml/ns/j2ee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
	http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
  <servlet>
  	<servlet-name>stock</servlet-name>
  	<servlet-class>com.servlet.StockServlet</servlet-class>
  </servlet>
 <servlet-mapping>
  	<servlet-name>stock</servlet-name>
  	<url-pattern>/stock.do</url-pattern>
  </servlet-mapping>
<welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

写好我的JSP界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" 
	src="../js/jquery-1.4.3.js"></script>
<script type="text/javascript">
  //如果只需要定义f函数,不需要加$(function(){})
  //请求采用get可能会有浏览器缓存问题,最好使用post
	  function f1(){
		//发送ajax请求加载股票信息
		$.post(
			"stock.do",
			function(text){
				//清除原有tr
				$("#stock tr:gt(0)").remove();
				//text是服务器返回的数据,为json对象
				for(var i=0;i<text.length;i++){
					var tr = "<tr><td>"+text[i].no+"</td><td>"
						+text[i].name+"</td><td>"
						+text[i].price+"</td></tr>";
						//将tr添加到table中
					$("#stock").append(tr);
				}
			},"json"
		);
		
	  };//f1结束

	$(function(){
		f1();//先执行一次
		setInterval("f1()",2000);//隔2s执行一次f1
	});

</script>
</head>
<body>
	<h2>股票报价</h2>
	<table id="stock">
		<tr>
			<th>编号</th>
			<th>名称</th>
			<th>价格</th>
		</tr>
		
	</table>
	
	
</body>
</html>

问题是运行的时候并没有出现效果，好像是并没有调用Servlet，但不知道具体问题出现在哪，大家来看一下找出我的错误啊。