当前位置： 首页 > news >正文

jQuery一些问题和ajax操作

news 文章来源：https://blog.csdn.net/JEREMY_GYJ/article/details/129837728 2025/2/5 20:45:00

jQuery语法：

文档就绪事件：文档加载之后运行jQuery代码，相当于jQuery的入口函数。

$(document).ready(function(){// 开始写 jQuery 代码...});

简写：

$(function(){// 开始写 jQuery 代码...});

jQuery选择器：

元素选择器：$("p").action

id选择器：$("#id").action

类选择器：$(".className").action

jQuery事件：

jQuery捕获标签内容：

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容（包括 HTML 标签）
  • val() - 设置或返回表单字段的值

jQuery css()方法:

返回css属性：

$("p").css("background-color");

设置css属性：

$("p").css("background-color","yellow");

Ajax请求：异步请求方式

jQuery中的简化的写法：写成键值对的形式；

$("button").click(function(){$.ajax({url:"xxxx",data:{xxx:xxx}, //前端传给后端数据success:function(result){//从后端返回数据；$("#div1").html(result);}});
});

post方式：使用ajax的post的请求方式；

$.post(URL,data,function(data,status,xhr),dataType)

get方式：使用ajax的get的请求方式；

$.get(URL,data,function(data,status,xhr),dataType)

举个例子：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>ajax3测试</title><script src="${pageContext.request.contextPath}/statics/js/jquery-3.6.4.min.js"></script>
</head>
<body><p><label>用户名：</label><input type="text" id="name" onblur="a1()"><span id="userinfo"></span><br></p><p><label>密&nbsp&nbsp&nbsp码：</label><input type="text" id="pwd" onblur="a2()"><span id="pwdinfo"></span><br></p></body><script>function a1(){//简写的ajax的请求：$.post({url:"${pageContext.request.contextPath}/ajax3",data:{'name':$("#name").val()}, //前端传递数据给后端数据success(data,status){ //callback函数，从后端带回数据console.log(data)if (data.toString() == 'OK'){$("#userinfo").css("color","green")}else{$("#userinfo").css("color","red")}$("#userinfo").html(data) //回显数据；}});}function a2(){$.post({url: "${pageContext.request.contextPath}/ajax3",data:{'pwd':$("#pwd").val()},//传递给后端数据success(data, status) { //callback数据，从后端带回数据console.log(data)if (data.toString() =='OK'){$("#pwdinfo").css("color","green")}else {$("#pwdinfo").css("color","red")}$("#pwdinfo").html(data)//返回给前端页面数据；}})}</script>
</html>

相关文章：

jQuery一些问题和ajax操作

jQuery语法&#xff1a; 文档就绪事件&#xff1a;文档加载之后运行jQuery代码&#xff0c;相当于jQuery的入口函数。 $(document).ready(function(){// 开始写 jQuery 代码...}); 简写&#xff1a; $(function(){// 开始写 jQuery 代码...}); jQuery选择器&#xff1a; …...

编程日记 2023/3/29 19:45:46

Pytorch构建自己的数据集

1.Pytorch内置的Dataset Pytorch中内置了许多数据集&#xff0c;我们可以从torchvision库中进行导入。比如&#xff0c;我们可以导入Fashion-MNIST数据集 import torch from torch.utils.data import Dataset from torchvision import datasets from torchvision.transforms …...

编程日记 2023/3/29 19:40:44

信息论小课堂：纠错码（海明码在信息传输编码时，通过巧妙的信道编码保证有了错误能够自动纠错。）

文章目录 引言I 纠错1.1 信息纠错的前提：信息冗余1.2 发现抄写错误的方法1.3 计算机的信息校验原理：奇偶校验1.4 有效的纠错编码II 案例2.1 例子1：自身DNA的编码2.2 例子2:海明码引言 预则立，不预则废：不确定性是我们这个世界自然的属性，在解决问题之前，要考虑到世界的不…...

编程日记 2023/3/29 19:35:43

MySQL执行计划(explain)

MySQL执行计划(explain) 1.什么是执行计划 2.如何分析执行计划 执行计划一共有12列,每一列都有着特殊的含义&#xff0c;接下来我们逐一分析 id select语句的查询顺序,包含一组数字&#xff0c;如果数字相同则从上到下&#xff0c;如果数字不同则从大到小。 select_type …...

编程日记 2023/3/29 19:30:42

思必驰回复第二轮审核问询，如何与科大讯飞、阿里巴巴“虎口夺食”？

‍数据智能产业创新服务媒体——聚焦数智 改变商业3月21日&#xff0c;思必驰科技股份有限公司&#xff08;以下简称“思必驰”&#xff09;更新上市申请审核动态&#xff0c;已回复上交所第二轮审核问询函&#xff0c;回复了涵盖关于实际控制人的认定、关于预计持续亏损及关于…...

编程日记 2023/3/29 19:25:41

基于Spring、SpringMVC、MyBatis的汽车租赁系统设计

文章目录 项目介绍主要功能截图：前台首页汽车信息列表汽车租赁留言反馈个人信息管理后台汽车类型管理汽车信息管理租赁信息管理用户管理续租信息管理归还信息管理保险信息管理违章登记管理部分代码展示设计总结项目获取方式🍅 作者主页：Java韩立 🍅 简介：Java领域优质创…...

编程日记 2023/3/29 19:20:39

读《刻意练习》后感，与原文好句摘抄

第一章&#xff0c;有目的的练习 所谓“天真的练习”&#xff0c;基本上只是反复的做某件事情&#xff0c;并指望只靠这种反复的练习&#xff0c;就能够提高表现和水平。 有目的练习的四个特点 有目的的练习具有定义明确的特定目标有目的的练习是专注的有目的的练习包含反馈…...

编程日记 2023/3/29 19:15:38

华为OD机试用java实现 -【选座位】

最近更新的博客 华为od 2023 | 什么是华为od，od 薪资待遇，od机试题清单华为OD机试真题大全，用 Python 解华为机试题 | 机试宝典【华为OD机试】全流程解析+经验分享,题型分享,防作弊指南华为od机试，独家整理 已参加机试人员的实战技巧本篇题解：选座位 题目 疫情期间需要大…...

编程日记 2023/3/29 19:10:37

国产蓝牙耳机怎么挑选？口碑最好的国产蓝牙耳机

蓝牙耳机已经成为现代人生活中必不可少的设备之一&#xff0c;因此市场上涌现出了众多的品牌和型号。但是&#xff0c;在这个竞争激烈的市场中&#xff0c;哪些品牌的蓝牙耳机更受欢迎呢&#xff1f;以下是几款口碑不错的蓝牙耳机品牌。 一、南卡小音舱蓝牙耳机 推荐系数&…...

编程日记 2023/3/29 19:05:36

seaborn从入门到精通03-绘图功能实现02-分类绘图Categorical plots

seaborn从入门到精通03-绘图功能实现02-分类绘图Categorical plots总结参考关系-分布-分类分类绘图-Visualizing categorical data图形级接口catplot--figure-level interface导入库与查看tips和diamonds 数据分类散点图参考分布散点图stripplot分布密度散点图-swarmplot&#…...

编程日记 2023/3/29 19:00:34

❤️独特的算法❤️：一文解决编辑距离问题

编辑距离问题 题目关键点115. 不同的子序列 - 力扣&#xff08;LeetCode&#xff09;*dp数组定义&#xff0c;情况讨论583. 两个字符串的删除操作 - 力扣&#xff08;LeetCode&#xff09;两个字符串删除&#xff0c;情况讨论多加一种72. 编辑距离 - 力扣&#xff08;LeetCode…...

编程日记 2023/3/29 18:55:33

三次样条样条：Bézier样条和Hermite样条

总结 What is the Difference Between Natural Cubic Spline, Hermite Spline, Bzier Spline and B-spline? 1.多项式拟合中的 Runge Phenomenon 找到一条通过N1个点的多项式曲线 &#xff0c;需要N次曲线。通过两个点的多项式曲线为一次&#xff0c;三个点的多项式曲线为二…...

编程日记 2023/3/29 18:50:31

Redis面试题 （2023最新版）

文章目录一、Redis为什么快&#xff1f;1、纯内存访问2、单线程&#xff0c;避免上下文切换3、渐进式ReHash、缓存时间戳&#xff08;1&#xff09;渐进式ReHash&#xff1a;&#xff08;2&#xff09;缓存时间戳&#xff1a;二、Redis合适的应用场景常用基本数据类型&#xff…...

编程日记 2023/3/29 18:45:30

基于springboot实现家乡特色食品景点推荐系统【源码+论文】分享

基于springboot实现家乡特色推荐系统演示开发语言&#xff1a;Java 框架&#xff1a;springboot JDK版本&#xff1a;JDK1.8 服务器&#xff1a;tomcat7 数据库&#xff1a;mysql 5.7 数据库工具&#xff1a;Navicat11 开发软件&#xff1a;eclipse/myeclipse/idea Maven包&…...

编程日记 2023/3/29 18:40:29

Spring MVC 启动之 HandlerMapping

在上一篇文章中&#xff0c;我们介绍了 Spring MVC 的启动流程&#xff0c;接下来我们将发分多个篇章详细介绍流程中的重点步骤 今天我们从 HandlerMapping 开始分析&#xff0c;HandlerMapping 是框架中的一个非常重要的组件。它的作用是将URL请求映射到合适的处理程序&#x…...

编程日记 2023/3/29 18:35:28

基于YOLOv5的停车位检测系统（清新UI+深度学习+训练数据集）

摘要&#xff1a;基于YOLOv5的停车位检测系统用于露天停车场车位检测&#xff0c;应用深度学习技术检测停车位是否占用&#xff0c;以辅助停车场对车位进行智能化管理。在介绍算法原理的同时&#xff0c;给出Python的实现代码、训练数据集以及PyQt的UI界面。博文提供了完整的Py…...

编程日记 2023/3/29 18:30:27

【Linux系统编程】5.vim基本操作命令

目录 跳转到指定行 命令模式 末行模式 跳转行首 跳转行尾 自动格式化代码 大括号、中括号、小括号对应 光标移至行首 光标移至行尾 删除单个字符 删除一个单词 删除光标至行尾 删除光标至行首 替换单个字符 删除指定区域 删除指定1行 删除指定多行 复制一行 …...

编程日记 2023/3/29 18:25:26

主流机器学习平台调研与对比分析

梗概 本报告主要调研目前主流的机器学习平台&#xff0c;包括但不限于Amazon的Sage maker&#xff0c;Alibaba的PAI&#xff0c;Baidu的PaddlePaddle。对产品的定位、功能、实践、定价四个方面进行详细解析&#xff0c;并通过标杆对比分析提出一套机器学习平台评价体系&#x…...

编程日记 2023/3/29 18:20:24

作业帮基于明道云开展的硬件业务数字化建设

今天由我代表作业帮来介绍公司在低代码平台应用的一些经验和心得。我今天分享的内容包含两部分&#xff0c;一个是作业帮硬件的介绍&#xff0c;另一个是基于明道云的系统能力建设&#xff0c;也是我们自己总结的经验&#xff0c;希望能给大家带来一些启发。 一、关于作业帮 …...

编程日记 2023/3/29 18:15:23

位图及布隆过滤器的模拟实现与面试题

位图 模拟实现 namespace yyq {template<size_t N>class bitset{public:bitset(){_bits.resize(N / 8 1, 0);//_bits.resize((N >> 3) 1, 0);}void set(size_t x)//将某位做标记{size_t i x / 8; //第几个char对象size_t j x % 8; //这个char对象的第几个比特…...

编程日记 2023/3/29 18:10:22

在 Python 中将天数添加到日期

使用 datetime 模块中的 timedelta() 方法将天数添加到日期中&#xff0c;例如 result_1 date_1 timedelta(days3)。 timedelta 方法可以传递天数参数并将指定的天数添加到日期。 from datetime import datetime, date, timedelta# ✅ 将天数添加到日期 my_str 09-24-2023 …...

编程日记 2023/3/29 18:05:20

vue3知识点

一、vue3带来了什么&#xff1f; 1.性能的提升 打包大小减少41% 初次渲染快55%&#xff0c;更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-shaking 3.拥抱TypeScript Vue3可以更好的支持TypeScript 4.新的特性 4.1.…...

编程日记 2023/3/29 18:00:19

一行代码生成Tableau可视化图表

今天给大家介绍一个十分好用的Python模块&#xff0c;用来给数据集做一个初步的探索性数据分析(EDA)&#xff0c;有着类似Tableau的可视化界面&#xff0c;我们通过对于字段的拖拽就可以实现想要的可视化图表&#xff0c;使用起来十分的简单且容易上手&#xff0c;学习成本低&a…...

编程日记 2023/3/29 17:55:17

链表——删除元素或插入元素（头插法及尾插法）

目录 链表的结点由一个结构体构成 判断链表是否为空 键盘输入链表中的数据 输出链表中的数据 返回链表的元素个数 清空链表 返回指定位置的元素值 查找数据所在位置 删除链表的元素 插入元素 建立无头结点的单链表 建立有头结点的单链表&#xff08;头插法&#xff…...

编程日记 2023/3/29 17:50:15

oracle容器的使用

oracle容器的使用 1.下载oracle容器 1.1拉取容器 docker pull registry.cn-hangzhou.aliyuncs.com/helowin/oracle_11g拉取国内镜像&#xff0c;该镜像大小为2.99G&#xff0c;已经集成了oracle环境&#xff0c;拉取完可以直接用&#xff0c;推荐使用这款oracle镜像 1.2查看…...

编程日记 2023/3/29 17:45:13

基于springboot会员制医疗预约服务管理信息系统演示【附项目源码】

基于springboot会员制医疗预约服务管理信息系统演示开发语言&#xff1a;Java 框架&#xff1a;springboot JDK版本&#xff1a;JDK1.8 服务器&#xff1a;tomcat7 数据库&#xff1a;mysql 5.7 数据库工具&#xff1a;Navicat11 开发软件&#xff1a;eclipse/myeclipse/idea M…...

编程日记 2023/3/29 17:40:12

GoogleAdsense国内加载慢怎么解决？

一淘模板 56admin.com 发现GoogleAdsense&#xff08;谷歌广告联盟&#xff09;国内加载慢拖网站速度怎么解决&#xff1f;GoogleAdsense是谷歌旗下的站长广告联盟系统&#xff0c;如果站长没有好的变现渠道&#xff0c;挂谷歌联盟是最好的选择&#xff08;日积月累&#xff09…...

编程日记 2023/3/29 17:35:11

【MySQL专题】03、性能优化之读写分离(MaxScale)

在我们了解了MySQL的主从复制的性能优化之后&#xff0c;紧接着《【MySQL专题】02、性能优化之主从复制》中&#xff0c;我们提及的读写分离&#xff0c;来进行读操作和写操作分散到不同的服务器结构中&#xff0c;同时希望对多个从服务器能提供负载均衡&#xff0c;读写分离和…...

编程日记 2023/3/29 17:30:10

Redis7高级之BigKey（二）

1.MoreKey案例 往redis里面插入大量测试数据key 生成100W条redis批量设置kv的语句保存在redisTest.txt for((i1;i<100*10000;i)); do echo "set k$i v$i" >> /tmp/redisTest.txt ;done; # 生成100W条redis批量设置kv的语句(keykn,valuevn)写入到/tmp目录下的…...

编程日记 2023/3/29 17:25:09

flex弹性盒子

概念 弹性盒子是一种用于按行或者按列布局的一维布局方法&#xff0c;元素可以膨胀以填充额外的空间&#xff0c;缩小以适应更小的空间 以下属性是给父元素添加的 1.flex-direction --改变轴的方向 row 默认值 默认沿着x轴排版(横向从左到右排列&#xff08;左对齐&#xff…...

编程日记 2023/3/29 17:20:08

网站开发要学什么语言/重庆旅游seo整站优化

PHP 生成中文验证码乱码问题解决//将要处理的汉字,先由UTF8的汉字转成html实体形式再使用.//示例代码://ini_set(JIS-mapped Japanese Font Support,false);$picimagecreate(250,30);$blackimagecolorallocate($pic,0,0,0);$whiteimagecolorallocate($pic,255,255,255);$font&q…...

编程日记 2025/2/5 19:23:45

自己做的网站是怎么赚钱/大兴今日头条新闻

Create directory让我们可以在Oracle数据库中灵活的对文件进行读写操作&#xff0c;极大的提高了Oracle的易用性和可扩展性。其语法为:CREATE [OR REPLACE] DIRECTORY directory AS pathname;本案例具体创建如下:create or replace directory exp_dir as /tmp; 目录创建以后&am…...

编程日记 2025/2/5 18:40:11

网站关键字个数/自动点击器怎么用

NIO虽然称为Non-Blocking IO&#xff08;非阻塞IO&#xff09;&#xff0c;但它支持阻塞IO、非阻塞IO和IO多路复用模式这几种方式的使用。 同步IO模式 NIO服务器端 Slf4j public class NIOBlockingServer {public static void main(String[] args) throws IOException {Ser…...

编程日记 2025/2/5 18:35:09

河北网络公司网站建设/电商网站建设定制

文章目录1.常用注解说明2.配置文件3.小技巧4.配置注解1.常用注解说明 我们可以测验下args参数的作用&#xff1a; 2.配置文件 srpingboot用在企业级开发经常会有多种环境&#xff0c;所以配置文件可以针对不同环境做拆分。拆分遵循如下原则&#xff1a;公共配置放入主配置文…...

编程日记 2025/2/5 18:13:38

怎么把自己做的网站发布/军事网站大全军事网

首先声明&#xff1a;我们要构建的是扩展或者模块名为hello_module.该模块提供一个方法&#xff1a;hello_word. 一、PHP环境的搭建 1&#xff09;一般使用源码包编译安装&#xff0c;而不是binary包安装。因为使用PHP的二进制分发包安装有些冒险&#xff0c;这些版本倾向于忽略…...

编程日记 2025/2/5 18:01:27

互联网0成本暴利项目/刷seo关键词排名软件

虚函数表 即多态的原理 覆盖和隐藏只是表象,实际是通过虚函数表来实现的(联想到虚基类的继承中的虚基表) //查看虚函数的内容 class Base { public:Base(){base_data 10;} public:virtual void fun(){cout<<"This is Base::fun()"<<endl;}virtual void …...

编程日记 2025/2/5 15:25:20