摘要: ​ 每次书写AJAX代码比较繁琐 步骤都是一样的,数据回显使用原生js代码也比较繁琐,可以使用jQuery对上述问题进行优化,jQuery不仅仅对dom操作进行了封装 同时也对AJAX提交和回显已经进行了封装,可大大简化AJAX的操作步骤 jQuery.ajax()的简单使用 基本语法为(经典语法) 阅读全文
posted @ 2023-01-05 23:42 CodeWhisperer001 阅读(15) 评论(0) 推荐(0) 编辑
摘要: ​ AJAX数据格式处理 响应普通文本数据 如果服务器给我们响应的数据非常简答,那么使用字符串就好了,不需要我们做复杂的处理,后台编码也简单. 页面代码 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> 阅读全文
posted @ 2023-01-05 23:35 CodeWhisperer001 阅读(3) 评论(0) 推荐(0) 编辑
摘要: AJAX介绍 AJAX 即 “Asynchronous Javascript And XML”(异步 JavaScript和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实 阅读全文
posted @ 2023-01-05 23:30 CodeWhisperer001 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 什么是同步交互 首先用户向HTTP服务器提交一个处理请求。接着服务器端接收到请求后,按照预先编写好的程序中的业务逻辑进行处理,比如和数据库服务器进行数据信息交换。最后,服务器对请求进行响应,将结果返回给客户端,返回一个HTML在浏览器中显示,通常会有CSS样式丰富页面的显示效果。 优点 可以保留浏览 阅读全文
posted @ 2023-01-05 23:25 CodeWhisperer001 阅读(19) 评论(0) 推荐(0) 编辑
摘要: ​ 鼠标事件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .d1{ width: 100px; height: 100px; background-color: greenyellow; } 阅读全文
posted @ 2023-01-04 10:40 CodeWhisperer001 阅读(12) 评论(0) 推荐(0) 编辑
摘要: ​ location对象 location对象,是window对象的一个属性,代表浏览器上URL地址栏,使用location对象可以操作地址栏 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> 阅读全文
posted @ 2023-01-04 10:33 CodeWhisperer001 阅读(10) 评论(0) 推荐(0) 编辑
摘要: ​ window对象及常用方法 什么是window对象 Window 对象描述 Window 对象简单理解就是把浏览器抽象成一个对象,它表示一个浏览器窗口或一个框架。在客户端 JavaScript中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特 阅读全文
posted @ 2023-01-04 10:24 CodeWhisperer001 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 6.1认识BOM和DOM 认识BOM和DOM 什么是BOM BOM是Browser Object Model的简写,即浏览器对象模型。 BOM有一系列对象组成,是访问、控制、修改浏览器的属性的方法 BOM没有统一的标准(每种客户端都可以自定标准)。 BOM的顶层是window对象 什么是DOM DO 阅读全文
posted @ 2023-01-04 10:16 CodeWhisperer001 阅读(8) 评论(0) 推荐(0) 编辑
摘要: ​ innerHtml 操作双标签中间的HTML innerText 操作双标签中间的 Text value 操作表单标签值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> div{ borde 阅读全文
posted @ 2023-01-04 10:13 CodeWhisperer001 阅读(17) 评论(0) 推荐(0) 编辑
摘要: ​ 直接获取节点的几种方式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> function fun1(){ // 获得document对象 var element1 =document.ge 阅读全文
posted @ 2023-01-04 10:08 CodeWhisperer001 阅读(38) 评论(0) 推荐(0) 编辑