Maison> Java> javaDidacticiel> le corps du texte

jsp怎么实现局部刷新

(*-*)浩
Libérer: 2020-09-15 16:32:48
original
6247 Les gens l'ont consulté

jsp实现局部刷新的方法:首先创建一个处理ajax请求的jsp文件;然后设置输出信息的格式及字符集;最后利用JSP和ajax来实现局部页面刷新即可。

jsp怎么实现局部刷新

通过 AJAX,JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象, JavaScript 可在不重载页面的情况与 Web 服务器交换数据。

推荐课程:Java教程

AJAX 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。

实验中利用JSP+ajax来实现自动刷新页面,并读/写数据库中的数据。

下面介绍一下利用JSP+ajax来实现局部页面刷新的小例子:

处理ajax请求的jsp文件:ajax.jsp

<%@ page contentType="text/html; charset=gb2312" %> <% //这是一个Java程序 //设置输出信息的格式及字符集 response.setContentType("text/xml; charset=UTF-8"); response.setHeader("Cache-Control","no-cache"); out.println(""); for(int i=0;i<2;i++){ out.println(""+(int)(Math.random()*10)+ "号传感器"); out.println("" +(int)(Math.random()*100)+ ""); } out.println(""); out.close(); %>
Copier après la connexion

发送ajax请求的jsp文件:zx.jsp

  
无线传感网
传感器:
传感器个数:
Copier après la connexion

效果如下(页面上的值自动变化):


局部刷新之后:


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!