AJAX学习

经验笔记：Ajax学习

Ajax学习经验笔记引言随着Web技术的发展，用户对于Web应用的交互性和响应速度提出了更高的要求。
漆黑的莫莫·2024-09-05 12:55

Filter&ajax

Listener)之一;过滤器可以把对资源的请求拦截下来,从而实现一些特殊的功能.过滤器可以完成一些通用操作比如:登录添加购物车,视频广告,敏感字符处理等等...2.Filter快速入门3.Listener4.Ajax
m0_57408062·2024-02-20 01:49

【原生Ajax】全面了解xhr的概念与使用。

作者主页:作者主页查看更多前端教学专栏分享：css重难点教学Node.js教学从头开始学习ajax学习文章目录XHR的基本使用 什么是XHR 使用xhr发起GET请求 了解xhr对象的readyState
坚毅的小解同志·2024-02-05 19:18

ja+ajax,AJAX之旅(1)：由prototype_1.3.1进入ja_jquery

写这个教程的起因很简单：经过一段时间的ajax学习，有一些体会，并且越发认识到ajax技术的强大，所以决定记录下来，顺便也是对自己思路的整理。
金宇澄·2024-01-26 10:57

ajax学习总结

1、什么是ajax？ajax是一种可以不刷新页面，而实现与服务端通信的的方式，使用ajax的主要方式是XMLHttpRequest对象。2、如何实现ajax通信？window.onload=function(){//1.获取a节点，并为其添加点击事件document.getElementsByTagName("a")[0].onclick=function(){//3.创建一个XMLHttpReq
fuheideMayuyu·2024-01-01 09:12

Ajax学习

AjaxAjax是什么AJAX即"AsynchronousJavascriptAndXML"(异步JavaScript和XML)Ajax是一种浏览器异步发起请求(指定发哪些数据)，局部更新页面的技术Ajax经典应用场景搜索引擎根据用户输入关键字，自动提示检索关键字动态加载数据，按需取得数据【树形菜单、联动菜单…】改善用户体验。【输入内容前提示、带进度条文件上传…】电子商务应用。【购物车、邮件订阅…
小菜0-o·2023-12-29 21:09

深度剖析Ajax实现方式(原生框架、JQuery、Axios，Fetch）

Ajax学习简介：Ajax代表异步JavaScript和XML（AsynchronousJavaScriptandXML）的缩写。
acmakb·2023-12-23 11:12

学习黑马AJAX

今天主要做了AJAX学习的收尾案例，这个案例就是我们平时网购时候选填地址的样式，比如广东省，广州市，白云区，每一个选项都有相对应的下拉框内容，这个案例主要分为三部分去实现，第一步就是第一个省份的下拉菜单数据的获取
heliang399·2023-12-06 05:01

AJAX学习笔记：什么是AJAX、http协议、AJAX请求发送方法（jQuery，Axios，fetch）、跨域、CORS

1什么是AJAX1.1AJAX简介AJAX全称为AsynchronousJavaScriptAndXML，就是异步的JS和XML。通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。优点：按需加载，不需要刷新就可以向服务器发送请求，提高利用率，网页整体加载速度变快，数据交互更加快速，体验更好。1.2XML
Undefined-L·2023-11-25 08:46

Ajax学习笔记

1.AJAX的使用步骤创建XMLhttpRequest对象，也就是创建一个异步调用对象；创建一个新的“http”请求，并指定该http请求的方法、URL以及验证信息；设置一个响应“http”请求状态变化的函数；发送“http”请求；获取异步调用返回的数据；使用JavaScript和DOM实现局部刷新。2.创建XMLHttpRequest对象，也就是创建一个异步调用对象varxmlhttp=null
muxin_hgk·2023-11-11 04:20

异步请求Ajax入门（笔记）

Ajax学习教程：https://www.bilibili.com/video/BV1BJ411L7NR?
，zdc·2023-11-11 04:18

Ajax学习笔记第8天

放弃该放弃的是无奈，放弃不该放弃的是无能，不放弃该放弃的是无知，不放弃不该放弃的是执着！【1.聊天室小案例】文件目录初始mysql数据库index.htmlwindow.location.assign('url');触发窗口加载并显示指定的url的内容当前页面会保存到会话历史中，即可以点击回退按钮回退到之前的页面Document设置用户名：$('#btn').click(function(){$.
neneduck·2023-11-02 07:03

Ajax学习笔记第6天--COOKIE

放弃该放弃的是无奈，放弃不该放弃的是无能，不放弃该放弃的是无知，不放弃不该放弃的是执着！【1.cookie】1.Cookie机制而Web应用程序是使用HTTP协议传输数据的。HTTP协议是无状态的协议。一旦数据交换完毕，客户端与服务器端的连接就会关闭，再次交换数据需要建立新的连接。这就意味着服务器无法从连接上跟踪会话。即用户A购买了一件商品放入购物车内，当再次购买商品时服务器已经无法判断该购买行为
neneduck·2023-10-31 13:05

jsp&ajax学习笔记

JSP和Servlet本质上是相同的,JSP页面功能和Servlet后台功能是完全能够互换的,但是JSP的编码风格是在HTML中嵌入少量JAVA代码,它用于显示数据比较方便,如果Servlet上嵌入HTML字符串处理就比较麻烦Servlet更适合专门编写JAVA代码,JSP更擅长展示数据,Servlet更适合做后台程序,所以在分层上,我们往往将Servlet作为控制层Controller使用,JS
豆豆517929·2023-10-30 22:36

Ajax学习笔记

一、什么是AjaxAjax是AsynchronousJavascriptandXML的缩写，就是异步的JavaScript和XML，他是指一种创建交互式网页应用的网页开发技术。主要包含的技术：基于web标准（standrads-basedpresentation）XHTML+CSS的表示。使用DOM（DocumentObjectModel）进行动态显示及交互。使用XML和XSTL进行数据传输及相关
AFeng521web·2023-10-30 22:35

【学习笔记】Ajax学习笔记

文章目录1原生AJAX1.1AJAX简介1.2XML简介1.3AJAX的特点1.3.1AJAX的优点1.3.2AJAX的缺点1.4AJAX的原理1.5AJAX的使用1.5.1核心对象1.5.2使用步骤1.5.3解决IE缓存问题1.5.4AJAX请求状态2jQuery中的AJAX2.1get请求2.2post请求3跨域3.1同源策略3.2如何解决跨域问题3.2.1JSONP3.2.2[CORS](h
无知的圆·2023-10-30 22:04

AJAX学习笔记

文章目录01传统请求及缺点02AJAX概述03XMLHttpRequest对象04AJAXGET请求05AJAXGET请求的缓存问题06AJAXPOST请求07基于JSON的数据交换08基于XML的数据交换09AJAX乱码问题10AJAX的异步与同步11AJAX代码封装12AJAX实现省市联动代码实现13AJAX跨域问题13.1跨域13.2同源还是不同源13.3AJAX跨域解决方案方案1：设置响应
Jm呀·2023-10-30 22:01

Ajax学习笔记第4天

做决定之前仔细考虑，一旦作了决定就要勇往直前、坚持到底！【1模仿百度招聘】整个流程展示：1.文件目录2.页面效果展示及代码data中的page1数据展示2.1主页index.html:index里面代码部分解释underscore.js:模板页面的相关代码工作职责：职位要求申请职位收藏职位页面渲染：jQuery框架第1部分代码：先获取节点jQuery选择器：class选择器：$(".class")
neneduck·2023-10-30 22:00

Ajax学习笔记第5天

无论做什么，都请记得那是为自己而做，那就毫无怨言！【1.跨域】1.什么是跨域跨域是指浏览器不能执行其他网站的脚本。它是浏览器同源策略造成的，是浏览器对JS实施的安全限制。2.常见的跨域场景3.什么事同源策略（所谓同源是指：“域名”、“协议”、“端口”均为相同）注意：跨域限制是浏览器的机制，如果直接在服务端请求，是不会触发跨域限制的。【2.JSONP】Jsonp(JSONwithPadding)是j
neneduck·2023-10-30 22:55

Ajax学习笔记第三天

做决定之前仔细考虑，一旦作了决定就要勇往直前、坚持到底！【1ikunGG邮箱注册】整个流程展示：1.文件目录2.页面效果展示及代码mysql数据库中的初始表2.1主页09.html:里面代码部分解释display:inline-block;让块元素h1变成行内块元素，不然块级元素h1的宽度会撑满父元素宽度box-sizing:border-box;盒子的大小：盒子大小固定，与margin,padd
neneduck·2023-10-29 05:32

Ajax学习笔记第二天

喜欢的东西太贵了，我一咬牙，狠下心决定不喜欢了！【一.GET请求】【1.1URL即信息】我们知道php的相关运算都是在服务器端进行的，此时我们要考虑一个问题，如何将要计算的数字带给服务器？我们可以通过URL传递数据：?xingming=ikunGG&nianling=20&xingbie=男一个标准的URL网址，在最后有一个querystring部分，表示对页面的查询。使用？来表示这一部分，内容必
neneduck·2023-10-29 05:56

ajax学习笔记

目录文章目录目录全局刷新和局部刷新概念Ajax异步的实现步骤一、创建异步对象XMLHttpRequest二、给异步对象绑定事件onreadystatechangeXMLHttpRequest的属性三、初始异步请求对象四、使用异步对象发送请求Ajax实例一、全局刷新计算BMI1.方式一2.方式二二、局部刷新计算BMI初步使用实现案例案例二传输json格式的数据全局刷新和局部刷新概念whatis全局刷
康提扭狗兔·2023-10-26 15:57

Ajax学习：

全局刷新和局部刷新B/S结构项目中，浏览器（Browse）负责把用户的请求和参数通过网络发送给服务器（Server），服务端使用Servlet（多种都无端技术的一种）接收请求，并将处理结果返回给浏览器。浏览器在HTML，JSP上呈现数据，混合使用CSS，JS帮助美化页面，或响应事件。全局刷新登录请求处理：index.jsp发起登录请求--------LoginServlet--------resu
苦难_69e0·2023-10-19 17:21

【js】作为小白的你可能代码注释都写错了

作者主页:作者主页查看更多前端教学专栏分享：css重难点教学Node.js教学从头开始学习ajax学习前端面试题目录错误注释正确注释优点方法提示内容提示自动化生成文档错误注释你的注释是不是这样的？
坚毅的小解同志·2023-09-30 19:57

Ajax学习笔记

目录Ajax介绍Ajax概述同步异步原生Ajax演示AxiosAxios的基本使用Axios快速入门Axios请求方法别名Axios案例Ajax介绍Ajax概述我们前端页面中的数据应该来自于后台，那么我们的后台和前端是互不影响的2个程序，那么我们前端应该如何从后台获取数据呢？因为是2个程序，所以必须涉及到2个程序的交互，所以这就需要用到我们接下来学习的Ajax技术。Ajax:全称Asynchron
weixin_43739821·2023-09-25 10:35

Ajax学习笔记01

引入翻译成中文就是“异步的Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）。AJAX不是新的编程语言，而是一种使用现有标准的新方法。AJAX最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。（这一特点给用户的感受是在不知不觉中完成请求和响应过程）AJAX不需要任何浏览器插件，但需要
我慢慢地也过来了·2023-09-25 04:03

AJAX学习

文章目录创建XMLHttpRequest对象向服务器发送请求XMLHttpRequest.open()XMLHttpRequest.send()GET或POST服务器响应XMLHttpRequest的属性XMLHttpRequest.readyStateXMLHttpRequest.onreadystatechangeXMLHttpRequest.responseXMLHttpRequest.re
初学小白Lu·2023-09-23 07:17

AJAX学习笔记9 搜索联想自动补全

AJAX学习笔记8跨域问题及解决方案_biubiubiu0706的博客-CSDN博客其实就一个功能搜索联想自动补全键盘按下事件keydown键盘弹起事件keyup做模糊查询ajax实现搜索联想自动补全.
biubiubiu0706·2023-09-13 18:25

AJAX学习总结+Axios异步框架+Filter拦截器学习+JSON介绍+Listener监听器介绍

壹、AJAX一、AJAX介绍AJAX（AsynchronousJavaScriptAndXML）：异步的JavaScript和XMLAJAX作用：1.与服务器进行数据交换：通过AJAX可以给服务器发送请求，并获取服务器响应的数据。（原先是将Servlet中的数据存到request域中然后再转发到JSP中进行展示，现在使用了AJAX和服务器进行通信，可以使用HTML+AJAX来替换JSP页面，意思就
吾浴西风·2023-09-10 07:47

【JS面试题】如何通过闭包漏洞在外部修改函数中的变量

作者主页:作者主页查看更多前端教学专栏分享：css重难点教学Node.js教学从头开始学习ajax学习前端面试题文章目录什么是闭包例如何在函数外部修改闭包中变量什么是闭包闭包这个东西对新人来说确实挺头疼的
坚毅的小解同志·2023-09-10 02:17

AJAX学习笔记8 跨域问题及解决方案

AJAX学习笔记7AJAX实现省市联动_biubiubiu0706的博客-CSDN博客跨域:指一个域名的网页去请求另外一个域名资源.比如百度页面去请求京东页面资源.同源与不同源三要素:协议,域名,端口协议一致
biubiubiu0706·2023-09-07 04:08

ajax学习笔记

Ajax初步大致写法1.onreadystatechange事件当请求被发送到服务器时，我们需要执行一些基于响应的任务。每当readyState改变时，就会触发onreadystatechange事件。readyState（状态值）：存有XMLHttpRequest的状态。从0到4发生变化。//xhr内部有5种状态，值分别为：0、1、2、3、4（了解即可）xhr实例对象，在实例出来的那一刻状态就是
早点睡，·2023-09-06 15:31

Ajax学习笔记（三）jQuery

什么是jQueryjQuery是一门轻量的、免费开源的JS函数库，主要作用是用于简化JS代码轻量的：代码或项目对该技术的依赖程度，依赖程度越低，这个技术越轻，反之，依赖程度越高，这个技术越重。推荐使用轻量级的技术框架jQuery的核心思想："写的更少，但做的更多"通过jQuery，您可以选取（查询，query）HTML元素，并对它们执行"操作"（actions）。jQuery**库包含以下功能：H
王墨鱼·2023-09-06 15:00

AJAX学习笔记7 AJAX实现省市联动

需求:网页上选择对应省份之后,动态的关联出该省份对应的市.选择对应的市之后,动态的关联出该市对应的区关于省市区全国三级Mysql数据：全国省市区三级地区MySQL数据_biubiubiu0706的博客-CSDN博客页面加载完毕显示所有省份省市区域联动$(function(){//页面加载完成//发送ajax请求,获取所有省份.$.ajax({type:"get",url:"/ajax/liando
biubiubiu0706·2023-09-06 15:27

AJAX学习笔记6 JQuery对AJAX进行封装

AJAX学习笔记5同步与异步理解_biubiubiu0706的博客-CSDN博客AJAX请求相关的代码都是类似的，有很多重复的代码，这些重复的代码能不能不写，能不能封装一个工具类。
biubiubiu0706·2023-09-06 15:57

AJAX学习笔记3练习

AJAX学习笔记2发送Post请求_biubiubiu0706的博客-CSDN博客1.验证用户名是否可用需求,用户输入用户名,失去焦点-->onblur失去焦点事件,发送AJAXPOST请求,验证用户名是否可用新建表前端页面
biubiubiu0706·2023-09-05 16:32

Ajax学习

目录XMLHttpRequest的基本使用：利用xhr对象发起get数据请求：利用xhr发起post请求：数据交换格式：定义自己的ajax库：xhr中设置请求时限：Ajax中上传文件：计算文件的上传进度：XMLHttpRequest的基本使用：XMLHttpRequest（简称xhr）是浏览器提供的JavaScript对象，通过它可以请求服务器上的数据资源，jQuery重点Ajax函数，是基于xh
前端VC·2023-09-05 08:50

AJAX学习笔记5同步与异步理解

AJAX学习笔记4解决乱码问题_biubiubiu0706的博客-CSDN博客示例前端代码演示AJAX同步和异步window.onload=function(){document.getElementById
biubiubiu0706·2023-09-05 06:38

AJAX学习笔记2发送Post请求

AJAX学习笔记1发送Get请求_biubiubiu0706的博客-CSDN博客继续AJAX发送POST请求无参数测试改回来测试AJAXPOST请求请求体中提交参数测试后端打断点如何用AJAX模拟form
biubiubiu0706·2023-09-05 02:21

AJAX学习笔记4解决乱码问题

AJAX学习笔记3练习_biubiubiu0706的博客-CSDN博客在Tomcat10来说,AJAXGET或者POST接收响应都不存在乱码问题对于Tomcat9来说前端测试代码测试AJAX乱码问题window.onload
biubiubiu0706·2023-09-04 19:41

AJAX学习笔记1发送Get请求

传统请求有哪些方式,及缺点传统请求有哪些?1.直接在浏览器地址栏上输入URL.2.点击超连接.超链接请求---->相对路径超链接请求---->绝对路径3.提交form表单4.使用JS代码window.open("url")document.localtion.href=""window.localtion.href=""新建项目举例next----next设置字符集添加框架支持关于为什么项目启动会
biubiubiu0706·2023-09-04 16:57

Ajax学习笔记

简介Ajax是用来做浏览器数据的局部刷新的技术（2003年左右出现），核心对象是异步对象：XMLHttpRequest。使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作。AsynchronousJavascriptAndXML（异步JavaScript和XML）Ajax不是一种语言，而是一个做局部刷新的方法，主要运用：J
躺着听Jay·2023-08-31 11:56

AJAX学习笔记

文章目录定义axios使用URL定义：组成：协议+域名+资源路径协议：域名：资源路径:URL查询参数定义语法axios提供的查询参数eg:查询某个省份下的城市地区查询案例常用请求方法axios请求配置语法注册账号案例接口文档接口文档：描述接口的文档接口：使用AJAX和服务器通讯时，使用的URL，请求方法以及参数AJAX原理-XMLHttpRequestpromiseasync函数和awaitPro
Ying_17·2023-08-23 06:22

Ajax入门教程

Ajax学习目标了解Ajax的概念和作用了解同步和异步的区别能够使用jQuery的$.get()和$.post()发送Ajax请求能够使用jQuery的$.ajax()方法发送Ajax请求能够定义和解析
律二萌萌哒·2023-08-08 12:59

史上最详细Ajax学习笔记

1、Ajax快速入门1.1、AJAX介绍AJAX(AsynchronousJavaScriptAndXML)：异步的JavaScript和XML。本身不是一种新技术，而是多个技术综合。用于快速创建动态网页的技术。一般的网页如果需要更新内容，必需重新加载个页面。而AJAX通过浏览器与服务器进行少量数据交换，就可以使网页实现异步更新。也就是在不重新加载整个页面的情况下，对网页的部分内容进行局部更新。1
楠黎倾风·2023-07-27 18:29

Ajax学习案例——使用JSONP实现腾讯天气

Ajax学习案例——使用JSONP实现腾讯天气注：本次案例实现较为简单，这里捋一下大致思路：到腾讯天气网站，按F12切换到Network,找到common开头的一次请求，点击查看需要传递的参数，见下图source
bagBean·2023-07-18 10:26

Ajax学习笔记--- 【xmind 详细展示 浏览器与 服务器端通信，请求与响应报文】

php和express用来做后端，还是express强大和方便！！！翻看笔记才知道自己当时下载Fiddler,Wampserver，phpstudy_pro是为了什么,实在不敢说自己学过php文章目录一、Ajax介绍1-1原生AJAX1-2XML简介1-4AJAX的特点第二章HTTP+node2-1HTTP协议请求报文与响应文本结构2-2Express框架介绍与基本使用第三章AJＡＸ3-1AJAX
牛小小小婷～·2023-07-18 03:06

jQuery+Ajax学习

01-jquery的使用使用02-DOM对象和jquery包装集对象Dom对象和jquery包装集对象文本/*Dom对象*/vardivdom=document.getElementById("mydiv");console.log(divdom);vardivdom=document.getElementsByTagName("div");console.log(divdom);//js获取不存
睡觉要紧！·2023-07-16 05:34

AJAX学习笔记——发送AJAX的POST请求，模拟from表单提交

关于AJAX发送POST请求，首先演示一个小案例。当输入用户名：张三，密码：123。点击发送请求按钮这是用post请求模拟的表单提交。接下来看一下如何用AJAX发送POST请求后端代码：@WebServlet("/ajaxServlet03")publicclassajaxServlet03extendsHttpServlet{@OverrideprotectedvoiddoPost(HttpSe
AJ491·2023-07-14 00:49

尚硅谷Ajax学习笔记--操作部分

1、Ajax案例准备前提：安卓完成node和express。1.1get/post请求（1）编写服务端server.js注意设置运行跨域response.setHeader('Access-Control-Allow-Origin','*');//1引入expressconstexpress=require('express');//2创建引用constapp=express();//3创建路由规
weixin_51574027·2023-07-14 00:17
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他