使用Servlet+JSON實現(xiàn)股票信息實時更新-創(chuàng)新互聯(lián)

使用servlet+json實現(xiàn)股票信息實時更新

一、服務(wù)端代碼

1、Stock.java

package bean;
public class Stock {
    private String code;
    private String name;
    private int price;
    public String getCode() {
        return code;
    }
    public void setCode(String code) {
        this.code = code;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public int getPrice() {
        return price;
    }
    public void setPrice(int price) {
        this.price = price;
    }
}

2、ActionServlet.java

package web;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import bean.Stock;
import net.sf.json.JSONArray;

public class ActionServlet extends HttpServlet{
    public void service(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException{
        System.out.println("service()");
        //獲得請求路徑
        String uri=request.getRequestURI();
        System.out.println(uri);
        //分析請求路徑
        String action=uri.substring(uri.lastIndexOf("/"),uri.lastIndexOf("."));
        System.out.println(action);
        response.setContentType("text/html;charset=utf-8");
        PrintWriter out=response.getWriter();
        if("/quoto".equals(action)){
            //模擬生成幾支股票信息
            List<Stock> stocks=new ArrayList<Stock>();
            Random r=new Random();
            for(int i=0;i<8;i++){
                Stock s=new Stock();
                s.setCode("600877"+r.nextInt(10));
                s.setName("中國嘉陵"+r.nextInt(100));
                s.setPrice(10+r.nextInt(1000));
                stocks.add(s);
            }   
            //fromObject方法的參數(shù)可以是屬豬或者結(jié)合
            JSONArray jsonArr=JSONArray.fromObject(stocks);
            String jsonStr=jsonArr.toString();
            System.out.println(jsonStr);
            out.println(jsonStr);
        }
    }
}

3、web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5">
  <display-name>ajax-day02</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  <servlet>
    <servlet-name>action</servlet-name>
    <servlet-class>web.ActionServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>action</servlet-name>
    <url-pattern>*.do</url-pattern>
  </servlet-mapping>
</web-app>

4、pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>cn.qiuuuu</groupId>
  <artifactId>ajax-day02</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <packaging>war</packaging>
  <dependencies>
      <dependency>
          <groupId>net.sf.json-lib</groupId>
          <artifactId>json-lib</artifactId>
          <version>2.4</version>
          <classifier>jdk15</classifier>
    </dependency>
  </dependencies>
</project>

二、客戶端代碼

1.stock.jsp

<%@ page 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 src="js/jquery-1.11.1.js"></script>
        <script type="text/javascript">
            $(function(){//頁面加載完成就會執(zhí)行此代碼
                setInterval(quoto,50);//每隔5秒鐘執(zhí)行quoto函數(shù)
            });
            function quoto(){//該函數(shù)通過調(diào)用ajax對象（AMLHttpRequest）向服務(wù)器發(fā)送異步請求，服務(wù)器返回一個描述股票信息的字符串，通過解析json字符串，獲得股票信息，然后更新表格
                $.ajax({//利用jQuery提供的方法向服務(wù)器發(fā)送異步請求
                    "url":"quoto.do",
                    "type":"post",
                    "dataType":"json",
                    "success":function(stocks){
                        //$.ajax會自動將json字符串轉(zhuǎn)換成JavaScript對象
                        //清空tbody
                        $('#tb1').empty();
                        for(i=0;i<stocks.length;i++){
                            var s=stocks[i];
                            //更新表格
                            $('#tb1').append('<tr><td>'+s.code+'</td><td>'+s.name+'</td><td>'+s.price+'</td></tr>');

                        }
                    }
                });
            }
        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Insert title here</title>
        <style type="text/css">
            #d1{
                width:450px;
                height:350px;
                background-color:black;
                margin-left:300px;
                margin-top:20px;
            }
            #d2{
                height:40px;
                background-color:red;
                color:yellow;
            }
            table{
                color:white;
                font-style:italic;
                font-size:24px;
            }
        </style>
    </head>
    <body >
        <div id="d1">
            <div id="d2">股票行情</div>
            <div id="d3">
                <table width="100%">
                    <thead>
                        <tr>
                            <td>代碼</td>
                            <td>名稱</td>
                            <td>價格</td>
                        </tr>
                    </thead>
                    <tbody id="tb1">

                    </tbody>
                </table>
            </div>
        </div>
    </body>
</html>

三、實現(xiàn)效果

使用Servlet+JSON實現(xiàn)股票信息實時更新

10年積累的做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有恩施土家免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證，機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準確進行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。

網(wǎng)頁標題：使用Servlet+JSON實現(xiàn)股票信息實時更新-創(chuàng)新互聯(lián)
轉(zhuǎn)載來于：http://www.rwnh.cn/article42/dgsiec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、品牌網(wǎng)站設(shè)計、定制網(wǎng)站、用戶體驗、微信公眾號、電子商務(wù)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

使用Servlet+JSON實現(xiàn)股票信息實時更新-創(chuàng)新互聯(lián)