JAVA+AJAX 水果行情表

最新推荐文章于 2024-08-21 17:47:38 发布
最新推荐文章于 2024-08-21 17:47:38 发布
阅读量438 收藏 1
点赞数
分类专栏： 前端学习 习题 文章标签： ajax java html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45267354/article/details/120800601
版权
本文介绍了一个使用JAVA和AJAX实现的水果行情表应用。通过后端读取data.txt文件，将数据以JSON格式传递给前端，前端使用AJAX的$.ajax()方法实现数据的实时更新和显示。
摘要由CSDN通过智能技术生成

目录

一.题目

二.思路

三.代码

前端代码

后端代码

web.xml

TestMain.java

UpdateFruitServlet.java

data.txt

四.运行

1.运行TestMain.java

2.在浏览器输入

3.结果

 

一.题目

后端从文本中读入数据，把数据传入前端，并且实时更新

二.思路

我需要拥有什么知识：json、ajax的$.ajax(）方法


    +----------------------------[前端部分]---------------------------------+
    fruit.htm
    [1] url = "/UpdateFruit";    [简单版url]
    [2] 实现 onGetFruit(data) 方法
        了解 data 的数据格式: [json]
        {
            list:[
                {id:"01",fruitName:"红富士",price:"11.5",date:"18-03-10"},
                {id:"02",fruitName:"红富士",price:"11.5",date:"18-03-10"},
                {id:"03",fruitName:"红富士",price:"11.5",date:"18-03-10"},
                ......
            ]
        }
        
    [3] 实现 getData() 方法
        {a}在这里来获取数据。
        {b}发出 get 请求。
        {c}拿到数据在 success 函数中处理。    
    
    +----------------------------[后端部分]---------------------------------+
    [1]准备好: data.txt
    [2]UpdateFruitServlet
       {a}编写 doGet 方法。    
       {b}你要去读取 data.txt
       {c}使用 json 格式返回数据。
      
    [3]借助 fastJson 包来完成, 格式如下。
        {
            list:[
                {id:"01",fruitName:"红富士",price:"11.5",date:"18-03-10"},
                {id:"02",fruitName:"红富士",price:"11.5",date:"18-03-10"},
                {id:"03",fruitName:"红富士",price:"11.5",date:"18-03-10"},
                ......
            ]
        }          
    [4]在 web.xml 注册 UpdateFruitServlet 
       名称: UpdateFruitServlet
       映射地址: /UpdateFruit

三.代码

前端代码

<!DOCTYPE html>
<html>
<head>
	&
最低0.47元/天 解锁文章
摆烂收留中心
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java 如何判断苹果属于水果_40.Java继承案例：各类水果的价格
weixin_39955355的博客
02-24 522
水果是超类，而对应的苹果、橙子等为子类，子类通常继承超类的特性，然后具有独有的属性对价格进行优惠。1、Fruit类，超类定义属性private私有—》构造方法初始化对象—》用get方法取得值package com.em.fruits;public class Fruits {private String name;private double gprice;private double price...
【每日一练】Ajax小案例-水果列表
qq_46580087的博客
03-14 420
君子能忍，必成大器。
显示订购水果的信息
YL的专栏
09-13 1466
/* *程序的版权和版本声明部分： *程序的版权和版本声明部分： *Copyright（c）2013，烟台大学计算机学院学生 *All rights reserved. *文件名称： *作者：尚振伟 *完成日期：2014年9月13日 *版本号：v0.1 *对任务及求解方法的描述部分： *输入描述：无 *问题描述:编写一个程序，显示水果的订购详情。定义一个带有参数的构造方法，这
40.Java继承案例：各类水果的价格
越努力越幸运~~ Java领域从业者；CSDN新兴创新博主；Java领域优质创作者；书写奋斗者故事;欢迎交流学习进步；
11-17 1349
水果是超类，而对应的苹果、橙子等为子类，子类通常继承超类的特性，然后具有独有的属性对价格进行优惠。 1、Fruit类，超类 定义属性private私有---》构造方法初始化对象---》用get方法取得值 ```language package com.em.fruits; public class Fruits { private String name; private double gprice; private double price; private Strin...
java水果继承,JavaScript类的继承
weixin_39630813的博客
03-12 885
利用共享prototype实现继承继承是面向对象开发的又一个重要概念，它可以将现实生活的概念对应到程序逻辑中。例如水果是一个类，具有一些公共的性质；而苹果也是一类，但它们属于水果，所以苹果应该继承于水果。在JavaScript中没有专门的机制来实现类的继承，但可以通过拷贝一个类的prototype到另外一个类来实现继承。一种简单的实现如下：fucntion class1(){//构造函数}func...
Java+ajax写的登录实例
06-06
在IT领域，Java和Ajax（Asynchronous JavaScript and XML）是两个关键的技术，广泛应用于构建动态、交互式的Web应用程序。在这个“Java+ajax写的登录实例”中，我们将探讨如何结合这两种技术来实现一个实时验证的...
基于Java+前端网页bootstrap+后端Java+Ajax+Servlet信息传送的图书管理系统源码+项目说明.zip
01-15
基于Java+前端网页bootstrap+后端Java+Ajax+Servlet信息传送的图书管理系统源码+项目说明.zip基于Java+前端网页bootstrap+后端Java+Ajax+Servlet信息传送的图书管理系统源码+项目说明.zip基于Java+前端网页bootstrap...
Java项目:嘟嘟网上商城系统(java+jdbc+jsp+mysql+ajax)
12-08
一、项目简述 功能： 商品的分类展示，用户的注册登录，购物车，订单结算， 购物车加减，后台商品管理，分类管理，订单管理...项目技术： Jdbc+ Servlert + Jsp + css + JavaScript + JQuery + Ajax + Fileupload等等。
Java项目:网上书城+后台管理系统(java+jsp+servlert+mysql+ajax)
04-07
一、项目简述 功能： 前台： * 用户模块 * 分类模块 * 图书模块 * 购物车模块 * 订单模块 后台： * 管理员模块 * ...项目技术： JSP + C3P0+ Servlert + html+ css + JavaScript + JQuery + Ajax + Fileupload等等。
Java+ajax写的登录实例.zip
08-28
这是一个基于Java后端和AJAX前端技术实现的登录实例，主要涵盖了Web开发中的关键技术和交互流程。在这个项目中，开发者利用Java的Servlet处理服务器端逻辑，而AJAX则用于实现页面无刷新的数据交互，提高用户体验。 ...
关于Java实现一个简单水果订购管理系统的几点问题
weixin_43509053的博客
05-26 1608
这个周用java写了一个简单的水果订购系统。其中遇上了几个问题 一、在编写过程中，我试图输入订购数量，然后计算机进行读取再存入数据库。当我输入1时，编译器显示我输入的 数量为49。 经过排查我发现问题出在我使用的输入类上。 在这个题目中，我第一次使用的是BufferedReader类和InputStreamReader类。其中包含方法bf.read()，和bf.readLine()。 当使用bf...
java 输入五种水果_java代码，实现输入编号，输出对应水果的单价~~~~
weixin_29476659的博客
02-25 1733
总结：总感觉有问题，因为输出我写的太不对劲了，直接把price的价格写了出来然输出显示……package com.badu;import java.util.Scanner;//从键盘输入次数，通过输入的编号，输出对应的的商品价格；public class tqwe {public static void main(String[] args) {Scanner c = new Scanner(S...
用swich语句查看水果的价格
lyx1611587679的博客
11-23 1247
var fruit = prompt('请输入你要查询的水果名称：') switch (fruit) { case '苹果': alert('苹果的价格是：3.5元/斤') break; case '香蕉': alert('香蕉的价格是：2元/斤') break; case '榴莲': alert('榴莲的价格是：35元/斤') .
实验3-5 查询水果价格 (15 分)
m0_55137424的博客
02-09 1020
给定四种水果，分别是苹果（apple）、梨（pear）、桔子（orange）、葡萄（grape），单价分别对应为3.00元/公斤、2.50元/公斤、4.10元/公斤、10.20元/公斤。 首先在屏幕上显示以下菜单： [1] apple [2] pear [3] orange [4] grape [0] exit 用户可以输入编号1~4查询对应水果的单价。当连续查询次数超过5次时，程序应自动退出查询；不到5次而用户输入0即退出；输入其他编号，显示价格为0。 输入格式: 输入在一行中给出用户连续输入
查询水果价格（PTA-武理-C实验）
fqs1594916898的博客
12-04 6098
给定四种水果，分别是苹果（apple）、梨（pear）、桔子（orange）、葡萄（grape），单价分别对应为3.00元/公斤、2.50元/公斤、4.10元/公斤、10.20元/公斤。 首先在屏幕上显示以下菜单： [1] apple [2] pear [3] orange [4] grape [0] exit 用户可以输入编号1~4查询对应水果的单价。当连续查询次数超过5次时，程序应自动退出查询；不到5次而用户输入0即退出；输入其他编号，显示价格为0。 输入格式: 输入在一行中给出用户连续输入的若干个编号
Ajax学习笔记
最新发布
小陈从不熬夜
08-21 460
Ajax学习笔记
axios jquery ajax
08-17 265
【代码】axios jquery ajax。
Ajax基础案例
小陈从不熬夜
08-21 200
Ajax入门基础案例
提升用户体验的秘诀：ThinkPHP6中Ajax的妙用
weixin_45734165的博客
08-21 142
其中一个非常强大的功能是Ajax，它使得在不刷新整个页面的情况下，可以通过异步请求获取和更新页面内容。在本文中，我们将学习如何在ThinkPHP6中使用Ajax，以提高Web应用程序的性能与用户体验。当用户点击该按钮时，我们使用jQuery的$.post方法向服务器发送一个POST请求，并将用户名作为参数传递给控制器中的checkUsername方法。通过使用Ajax，我们可以在不刷新整个页面的情况下，实时获取和更新页面的内容，从而提高Web应用程序的性能与用户体验。结果: “该用户名已存在”
java+javascript+ajax使用cors实现跨域
07-14
要使用Java和JavaScript中的AJAX和CORS来实现跨域请求，可以按照以下步骤进行设置： 在Java后端： 1. 在处理跨域请求的Java代码中，添加以下响应头，以启用CORS： ```java response.setHeader("Access-Control-Allow-Origin", "http://example.com"); // 允许特定的源访问 response.setHeader("Access-Control-Allow-Methods", "GET, POST, OPTIONS"); // 允许的HTTP方法 response.setHeader("Access-Control-Allow-Headers", "Content-Type"); // 允许的请求头 response.setHeader("Access-Control-Allow-Credentials", "true"); // 是否允许发送Cookie response.setHeader("Access-Control-Max-Age", "3600"); // 预检请求的有效期 ``` 2. 在处理OPTIONS请求的方法中添加以下响应头，以处理预检请求（preflight request）： ```java response.setHeader("Access-Control-Allow-Methods", "GET, POST, OPTIONS"); response.setHeader("Access-Control-Allow-Headers", "Content-Type"); response.setHeader("Access-Control-Max-Age", "3600"); response.setStatus(HttpServletResponse.SC_OK); ``` 在JavaScript前端： 3. 使用XMLHttpRequest或fetch API发送跨域请求，并在请求头中添加Origin字段： ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://api.example.com/data', true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.setRequestHeader('Origin', 'http://example.com'); xhr.withCredentials = true; // 允许发送Cookie xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var response = JSON.parse(xhr.responseText); // 处理响应 } }; xhr.send(); ``` 这样，Java后端设置了CORS支持，允许特定源访问资源，并在JavaScript前端发送跨域请求时设置了请求头，指示该请求是一个跨域请求。同时，设置了withCredentials属性为true，以允许发送Cookie。 请注意，实际应用中需要根据需求和安全考虑进行适当的配置和处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值