JSP之Ajax

伴随着Web开发越来越广泛,越来越多网站开始应用Ajax。事实上,Ajax在Web应用带来的变化,我们已经在不知不觉中体验过了。例如,百度搜索提示,会员注册……

在传统Web应用模式中,页面中用户的每一次操作都将触发一次返回Web服务器的HTTP请求,服务器进行相应的处理后,返回一个HTML页面给客户端,我们来看看草图:

而在Ajax应用中,页面用户的操作将通过Ajax引擎与服务器端进行通信,然后将返回结果提交给客户端页面的Ajax引擎,再由Ajax引擎来决定将这些数据插入到页面的指定位置,如图所述:

两者对比,我们就可以发现,对于每个用户的行为,在传统Web模式中,将生成一次HTTP请求,而在Ajax模式中将变成对Ajax引擎的一次Javascript调用,用过Javascript实现不刷新整个页面的情况下,对部分数据更新,从而降低了网络流量,给用户带来更好的体验。

时间: 2024-08-10 15:10:25

JSP之Ajax的相关文章

jsp servlet ajax入门删除

<script type="text/javascript"> var xmlreq = false; function createXmlHttpRequest() { if (window.XMLHttpRequest) { xmlreq = new XMLHttpRequest(); } else if (window.ActiveXObject) { try { xmlreq = new ActiveXObject("Msxml2.XMLHTTP"

基于jsp的AJAX多文件上传的实现

最近的项目开发中,遇到了一个多文件上传的问题,即在不刷新页面的情况下,上传多个文件至服务器.现总结分享如下: 本文主要采用了基于jsp的ajax,jquery,servlet等技术. 1.upload.jsp 点击上传时,调用对应的fileupload函数,通过ajax将文件异步传送到servlet中处理.注意在文件上载时,所使用的编码类型应当是"multipart/form-data",它既可以发送文本数据,也支持二进制数据上载. <%@ page language="

JSP里面ajax不能返回后天传出的值得问题。。。。

问题代码: <%@ page contentType="text/html;charset=gb2312"%><html> <head> <script src="js/jquery-1.11.1.js"></script> <script> $(function(){ $("#btn").click(function(){ //这里定位的是input,但是它的属性是subm

JSP+Servlet+Ajax实现用户增删改查的例子

一.数据库设计 [用户表User] 已有的测试数据 二.Java代码编写 Java EE的架构一般分为以下五层: ①.Domain ②.DAO ③.Service ④.Controller ⑤.View 这里的项目结构如下: 1.Domain层 User.java 1 package domain; 2 3 import java.util.Date; 4 5 public class User { 6 7 public User() { 8 9 } 10 11 private Integer

JSP之AJAX之一入门篇

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

JSP页面ajax提交登录数据demo

<%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ut

JSP处理AJAX

register.jsp: <script type="text/javascript"> var req; function validate() { var idField = document.getElementById("userid"); var url = "Validate.jsp?id=" + escape(idField.value); if(window.XMLHttpRequest) { req = new X

JSP通过AJAX获取服务端的时间,在页面上自动更新

1.在页面上引入js <head> <meta http-equiv="Content-Type" content="text/html; charset=GB18030"> <title>Insert title here</title> <script src="../scripts/jquery.min.js" type="text/javascript">&l

jsp ajax 数据库Demo

转自:http://blog.csdn.net/rushkid02/article/details/7515058 下面介绍JSP前台表单内容通过Ajax异步提交到后台Servlet进行校验(校验方式多种,包括提取数据库信息,校验用户名是否重复等),异步在JSP表单页面显示校验结果信息的基本过程. 一.说明: 1.由于本文只限于介绍JSP+Servlet+Ajax运用的基本流程,重点不在于后台数据库的访问和校验内容,因此省略Servlet对数据库的访问. 二.基本流程: 1. JSP页面logi