第6章 jQuery与Ajax的应用】的更多相关文章

ajax是异步JavaScript和xml的简称. 一. ajax补白 优势 不足(不一定是不足) 不需要任何插件(但需要浏览器支持js) XMLHttpRequest对象在不同浏览器下有差异 优秀的用户体验--不需要重复加载页面 破坏了浏览器前进后退的功能 提高了程序性能 搜索引擎不友好 把一部分负担有服务器端转移到客户端 开发难度大 ajax最重要的核心是XMLHttpRequest对象 1.XMLHttpRequest对象的属性和方法 从分析一个ajax.js开始 1 2 3 4 5 6…
1.本章目标 ajax 2.ajax 异步刷新技术,我们的网页不需要全部刷新,按需实现局部刷新,上线后台的交互 用户体验好 地图,前台验证,表单提交,修改,查询等等 原生的js和ajax package com.servlet; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.htt…
1.Ajax 的XMLHttpRequest 对象 XMLHttpRequest 是Ajax 的核心,它是Ajax 实现的关键---发送异步请求.接受响应及执行回调都是通过它来完成的.XMLHttpRequest最早是在Microsoft Internet Explorer  5.0  ActiveX 组件中被引用的. 2.JQuery 中的Ajax jQuery 对Ajax 进行了封装,在jQuery中$.ajax()方法属于最底层的方法,第二层是load().$.load()和$.post(…
6.1 Ajax的优势和不足 6.1.1 Ajax的优势 1.不需要插件支持 2.优秀的用户体验 3.提高Web程序的性能 Ajax模式只是通过XMLHttpRequest对象向服务器端提交希望提交的数据,即按需发送. 4.减轻服务器和带宽的负担 Ajax的工作原理相当于在用户和服务器之间加了一个中间层,使用户操作与服务器响应异步化.它在客户端创建Ajax引擎,把传统方式下的一些服务器负担的工作转移到客户端,便于客户端资源来处理,减轻服务器和带宽的负担. 6.1.2 Ajax的不足 1.浏览器对…
1.使用load()方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为:load(url,[data],[callback]) 参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数. 例如,点击“加载”按钮时,向服务器请求加载一个指定页面的内容,加载成功后,将数据内容显示在<div>元素中,并将加载按钮变为不可用.如下图所示: 在浏览器中显示的效果: 从图中…
第6章 jQuery与Ajax的应用 jQuery对Ajax操作进行了封装,在jQuery中$.ajax()方法属于最底层的方法,第2层是load().$.get()和$.post()方法,第3层是$.getScript()和$.getJSON()方法. 1.load()方法 (1)载入HTML文档 load()方法是jQuery中最简单和常用的Ajax方法,能载入远程HTML代码并插入DOM中.它的结构为: load(url [, data] [, callback]) 参数说明: url:请…
第6章 jQuery与Ajax的应用 Ajax的全称:Asynchronous JavaScript and XML (异步Javascript和XML) 传统模式中,数据提交通过表单方式实现,数据的获取是靠全页面刷新来重新获取整页的内容.而Ajax模式只是通过XMLHttpRequest对象向服务器端提交数据,即按需发送.因为Ajax需要与Web服务器端进行交互,所以用个服务器,我这里用的是Tomcat.  1. 传统Js的Ajax操作 <!DOCTYPE html PUBLIC "-/…
根据API学习本章 Jquery书写ajax 使用ajax发送表单到servlet,发送时显示等待图片,servlet处理完返回信息,在页面显示返回信息,并且隐藏等待图片 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath =…
本課主題 jQuery 介绍 Ajax 介绍 jQuery 介绍 选择器 jQuery 的选择器分不同的种类,主要目的是用来查找目标的 HTML 标签,方便对目标标签进行操作,比如找到 <li></li> 的标签,然后新增或者修改里面的内容.jQuery 选择器分别有:针对标签的选择器.针对层级的选择器.针对特定目标的 ID选择器.针对整个类的 class选择器. $('li') // [<li></li>,<li></li>] 标签…
第7章 jQuery插件的使用和写法 插件又称扩展,是一种遵循一定规范的应用程序接口写出来的程序. 插件的编写思想基于面向对象. 获取最新的插件可以查看jquery官网:http://plugins.jquery.com/ 本章将从几个基本的例子来介绍jquery插件的使用. 一. 表单验证插件Validation jquery最常用的场合就是表单验证.Validation则是历史最悠久的jquery插件之一.分为内置验证规则,和自定义验证规则.信息提示明确--可以通过keyUp,focus等方…