《Java Web 应用程序设计立体化教程》第7章jQuery_第1页
《Java Web 应用程序设计立体化教程》第7章jQuery_第2页
《Java Web 应用程序设计立体化教程》第7章jQuery_第3页
《Java Web 应用程序设计立体化教程》第7章jQuery_第4页
《Java Web 应用程序设计立体化教程》第7章jQuery_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

7jQuery

7.1简介jQuery是一个JavaScript库，它极大地简化了JavaScript编程。jQuery语法是通过选取HTML元素，并对选取的元素执行某些操作。7.1简介--安装jQuery安装jQuery的方法有两种：从下载jQuery库从CDN中载入jQuery7.2开发一个登录页面7.3页面就绪事件如果在页面没有完全加载之前就运行jQuery函数，操作可能失败为了防止在页面完全加载就绪之前运行jQuery代码，jQuery为我们提供了页面事件ready函数：$(document).ready(function(){//开始写jQuery代码...});7.4选择元素--

jQuery的选择器jQuery选择器允许对HTML元素组或单个元素进行选择并操作。jQuery选择器基于元素的id、类、类型、属性、属性值等"查找"（或选择）HTML元素。选择器的基础语法如下：$(selector).action()7.4选择元素--

selector查找方式selector支持如下查找方式：按照id查询，语法为#加元素的id，如$("#confirmBtn")按照元素的class查询，语法为.加元素的class，例如对于clas是confirm-btn的元素，可以用这种方式查找到:$(".confirm-btn")7.5

AJAXAJAX是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新AJAX=异步JavaScript和XML（AsynchronousJavaScriptandXML）在不重载整个网页的情况下，AJAX通过后台加载数据，并在网页上进行显示。jQuery的ajax的语法如下：

$.ajax({name:value,name:value,...})7.5

AJAX

--

jQuery

AJAX参数一个典型的ajax调用参数如下：$.ajax({ url:"/api/login", type:"post", data:{}, success:function(data){}, error:function(xhr,textStatus,errorThrown){}});url：表示ajax调用的后台接口的urltype：后台规定的接口请求的类型（GET或POST）。data：规定要发送到服务器的数据。这里我们发送了两个变量，分别为name和passowrd。success：当请求成功时运行的函数。其中函数的data参数为服务器的返回值。error：如果请求失败要运行的函数。小结本章主要介绍了jQuery的安装方法、基本功能以及AJAX的使用通过一个登录页面的开发实例，详细介绍了使用jQuery获取页面元素取值通过jQuery的AJAX函数，向后台发送数据并调用后台接口，为下一章开发一个网站实例奠定了基础。习题1.修改登录页面，使用jQueryclassse

人人文库> 全部分类> 行业资料 > 医学制药

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论