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

jquery发送ajax练习

news 2026/4/18 6:37:53

jquery发送ajax练习

  • 工具
  • 代码
  • 运行结果

工具

HBuilder X

代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>通过ajax进行图片的提取和显示</title><style>div{background-color: beige;color: red;font-size: 30px;}</style><script src="js/jquery-1.12.4.min.js"></script><script>$(function(){$.ajax({url:'https://image.baidu.com/search/acjson?tn=resultjson\_com&logid=7217367652009448130&ipn=rj&ct=201326592&is=&f\p=result&fr=ala&word=%E5%9B%BE%E7%89%87&queryWord=%E5%9B\%BE%E7%89%87&cl=2&lm=-1&ie=utf-8&oe=utf-8&adpicid=&st=&z\=&ic=&hd=&latest=&copyright=&s=&se=&tab=&width=&height=&\face=&istype=&qc=&nc=&expermode=&nojc=&isAsync=&pn=210&r\n=30&gsm=d2&1685454799580=',type:'GET',// dataType:'json',success:function(response){// console.log(response.data);// console.log(response.data.length);var data = response.data;var length = response.data.length - 1;console.log(data);// var div = $('div');// console.log(div);var insert = $('#insert');  // 为了页面有分隔，用 p 标签console.log(insert);for (var i=0;i<length;i++) {console.log(data[i].thumbURL);var thumbURL = data[i].thumbURL;// div.append('<img src="' + thumbURL + '" alt="">');insert.append('<img src="' + thumbURL + '" height="200">');  // append是加载现有标签的下一级}},error:function(){console.log('请求失败');},async:true})})</script></head><body><div>显示提取的图片：</div><p id="insert"></p></body>
</html>

运行结果

在这里插入图片描述

相关文章：

jquery发送ajax练习

jquery发送ajax练习 工具代码运行结果 工具 HBuilder X 代码 <!DOCTYPE html> <html><head><meta charset"utf-8"><title>通过ajax进行图片的提取和显示</title><style>div{background-color: beige;color: red;font-s…...

编程日记 2023/8/13 21:06:59

adb用法，安卓的用户CA证书放到系统CA证书下

设备需root&#xff01;&#xff01;设备需root&#xff01;&#xff01;设备需root&#xff01;&#xff01; ​​​​​​​测试环境&#xff1a;redmi 5 plus、miui10 9.9.2dev&#xff08;安卓8.1&#xff09;、已root win下安装手机USB驱动&#xff08;过程略&#xff0c…...

编程日记 2023/8/13 21:05:57

【LVS-NAT配置】

配置 node1&#xff1a;128&#xff08;客户端&#xff09; node2&#xff1a;135&#xff08;调度器&#xff09; RS&#xff1a; node3&#xff1a;130 node4&#xff1a;132 node2添加网络适配器&#xff08;仅主机模式&#xff09; [rootnode2 ~]# nmtui[rootnode2 ~]#…...

编程日记 2023/8/13 21:04:57

时序预测 | MATLAB实现BO-GRU贝叶斯优化门控循环单元时间序列预测

时序预测 | MATLAB实现BO-GRU贝叶斯优化门控循环单元时间序列预测 目录 时序预测 | MATLAB实现BO-GRU贝叶斯优化门控循环单元时间序列预测效果一览基本介绍模型搭建程序设计参考资料 效果一览 基本介绍 MATLAB实现BO-GRU贝叶斯优化门控循环单元时间序列预测。基于贝叶斯(bayes)…...

编程日记 2023/8/13 21:03:56

注意：阿里云服务器随机分配可用区说明

阿里云服务器如有ICP备案需求请勿选择随机可用区&#xff0c;因为当前地域下的可用区可能不支持备案&#xff0c;阿里云百科分享提醒大家&#xff0c;如果你的购买的云服务器搭建网站应用&#xff0c;网站域名需要使用这台云服务器备案的话&#xff0c;不要随机分配可用区&…...

编程日记 2023/8/13 21:02:55

【Vue】使用print.js插件实现打印预览功能，超简单

目录 一、实现效果 二、实现步骤 【1】安装插件 【2】在需要打印的页面导入 【3】在vue文件中需要打印的部分外层套一层div&#xff0c;给div设置id。作为打印的区域 【4】在打印按钮上添加打印事件 【5】在methods中添加点击事件 三、完整代码 一、实现效果 二、实现步…...

编程日记 2023/8/13 21:01:53

3.5 Spring MVC参数传递

Spring MVC的Controller接收请求参数的方式有多种&#xff0c;本节主要介绍Spring MVC下的HttpServletRequest、基本数据类型、Java Bean、数组、List、Map、JSON参数传递方式&#xff0c;同时解决POST请求中文乱码问题。 1. HttpServletRequest参数传递 Controller RequestM…...

编程日记 2023/8/13 21:00:51

linux程序保护机制gcc编译选项

预备知识&#xff1a; 计算机内存的结构通常包括以下几个主要部分&#xff1a; 1.代码段(Code Segment)&#xff1a;也称为文本段&#xff0c;存储程序的可执行指令。代码段是被标记为可执行的&#xff0c;程序从代码段中获取指令并执行。 2.数据段(Data Segment)&#xff1a…...

编程日记 2023/8/13 20:59:50

指针与引用：C语言中的内存魔法

开始本篇文章之前先推荐一个好用的学习工具&#xff0c;AIRIght&#xff0c;借助于AI助手工具&#xff0c;学习事半功倍。欢迎访问&#xff1a;http://airight.fun/。 也把我学习过程中搜集的资料分享给大家&#xff0c;希望可以帮助大家少走弯路&#xff0c;链接&#xff1a;h…...

编程日记 2023/8/13 20:58:48

docker desktop搭建 nginx

【docker 桌面版】windows 使用 docker 搭建 nginx 拉取 nginx 镜像 docker pull nginx运行容器 docker run -d -p 80:8081 --name nginx nginx本地磁盘创建 nginx 目录 D:\DockerRep\nginx复制 docker 中的 nginx 配置文件 查看运行的容器 docker ps -a docker cp 9f0f82d66dd…...

编程日记 2023/8/13 20:57:47

Redis缓存雪崩、击穿、穿透？

我们谈谈Redis在实际项目中用作缓存时经常碰到的&#xff0c;也是经常面试的三大问题&#xff1a;缓存穿透、缓存击穿、缓存雪崩&#xff0c;以及这些问题的常用解决方法。 在介绍这三大问题之前&#xff0c;我们需要先了解Redis作为一个缓存中间件&#xff0c;在项目中是如何…...

编程日记 2023/8/13 20:56:45

Kettle系列（一）下载安装与基础配置

Kettle系列&#xff08;一&#xff09;下载安装与基础配置 说明一、下载二、目录结构三、基础配置&#xff08;1&#xff09;环境变量&#xff08;2&#xff09;kettle配置 四、连接mysql8五、连接其他数据库六、总结 说明 更新时间&#xff1a;2023/08/13 17:47 本文记录了wi…...

编程日记 2023/8/13 20:55:44

MuMu模拟器运行一段时间后Device.Present耗时突然上升

1&#xff09;MuMu模拟器运行一段时间后Device.Present耗时突然上升 2&#xff09;​如何在运行过程中获得温度信息 3&#xff09;Input System鼠标更换主按键的Bug 4&#xff09;如何禁止Unity向https://config.uca.cloud.unity3d.com发送设备信息 这是第347篇UWA技术知识分享…...

编程日记 2023/8/13 20:54:42

14-矩阵相乘及其运算法则

矩阵与向量的乘法 在这一篇文章中我们就将基于上一篇重新审视矩阵的这个视点来理解矩阵的乘法&#xff0c;那么在这一篇&#xff0c;我们主要来看一下矩阵和向量的乘法。这里这个线性方程组是上一小节给大家举的模拟的一个非常简单的小型经济系统的例子&#xff0c;我们可以把…...

编程日记 2023/8/13 20:53:41

redis学习笔记（八）

文章目录 redis的配置redis的核心配置选项Redis的使用 redis的配置 cat /etc/redis/redis.confredis 安装成功以后,window下的配置文件保存在软件 安装目录下,如果是mac或者linux,则默认安装/etc/redis/redis.conf redis的核心配置选项 绑定ip&#xff1a;访问白名单&#x…...

编程日记 2023/8/13 20:52:40

Wlan——无线服务集和AP的基本概念以及AP的配置

目录 WLAN服务集的基本概念 AP的基本概念 AP的分类 AP模式的切换 胖&#xff08;FAT&#xff09;AP介绍 胖AP的工作模式 接入模式和路由模式的区别 胖AP的组网方式 瘦&#xff08;FIT&#xff09;AP介绍 瘦AP的工作模式 瘦AP的组网方式 胖AP和瘦AP的区别 AP的配置…...

编程日记 2023/8/13 20:51:38

【必看】时序逻辑仿真成组合逻辑？你知道原因吗？

对于初学者&#xff0c;一般会遇到这种情况&#xff0c;明明写的时序逻辑&#xff0c;结果仿真结果却是组合逻辑&#xff0c;然后看遍设计代码&#xff0c;始终找不到原因&#xff0c;交流群、知乎这种问题随处可见。但不要怀疑软件问题&#xff0c;modelsim这些专用软件基本不…...

编程日记 2023/8/13 20:50:35

PyTorch翻译官网教程-LANGUAGE MODELING WITH NN.TRANSFORMER AND TORCHTEXT

官网链接 Language Modeling with nn.Transformer and torchtext — PyTorch Tutorials 2.0.1cu117 documentation 使用 NN.TRANSFORMER 和 TORCHTEXT进行语言建模 这是一个关于训练模型使用nn.Transformer来预测序列中的下一个单词的教程。 PyTorch 1.2版本包含了一个基于论…...

编程日记 2023/8/13 20:49:33

SpringBoot复习：（43）如何以war包的形式运行SpringBoot程序

一、.pom.xml配置packging为war <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0"xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://maven…...

编程日记 2023/8/13 20:48:32

Dubbo高手之路2，6种扩展机制详解

目录 一、Dubbo扩展机制的概述二、Dubbo的自适应扩展机制1. 什么是自适应扩展机制2. 自适应扩展机制的使用示例 三、Dubbo的SPI扩展机制1. 什么是SPI扩展机制2. SPI扩展机制的使用示例3. Dubbo的SPI扩展机制中自定义扩展点的实现示例 四、Dubbo的自定义扩展点机制1. 什么是自定…...

编程日记 2023/8/13 20:47:30

你的Mac还缺这个窗口管理神器吗？告别频繁切换，工作效率翻倍！

你的Mac还缺这个窗口管理神器吗&#xff1f;告别频繁切换&#xff0c;工作效率翻倍&#xff01; 【免费下载链接】Topit Pin any window to the top of your screen / 在Mac上将你的任何窗口强制置顶 项目地址: https://gitcode.com/gh_mirrors/to/Topit 你是否曾经在视…...

编程新知 2026/4/18 6:29:48

Chinese-Bert-Wwm-Ext 模型新手部署与调用指南

① 环境依赖安装与快速配置 开始之前&#xff0c;我们需要搭建一个干净且兼容的运行环境。Chinese-Bert-Wwm-Ext 模型基于 PyTorch 生态&#xff0c;因此核心依赖是 torch 和 transformers 库。在实际操作中&#xff0c;最稳妥的方式是使用 Conda 创建一个独立的虚拟环境&#…...

编程新知 2026/4/18 5:57:30

方向向量在游戏开发中如何应用，高数下空间几何到底有什么用处

数学概念程序员应用领域核心作用方向向量计算机图形学、游戏开发、机器人学、计算机视觉、物理引擎描述物体朝向、光线方向、运动方向&#xff0c;是空间变换和计算的基础。空间几何&#xff08;直线/平面方程&#xff09;3D建模、碰撞检测、路径规划、增强现实(AR)、虚拟现实(…...

编程新知 2026/4/18 4:37:16

Reek深度解析：25种代码气味检测原理详解

Reek深度解析&#xff1a;25种代码气味检测原理详解 【免费下载链接】reek Code smell detector for Ruby 项目地址: https://gitcode.com/gh_mirrors/re/reek Reek是一款强大的Ruby代码气味检测工具&#xff0c;能够帮助开发者识别代码中潜在的质量问题和设计缺陷。本文…...

编程新知 2026/4/18 4:23:12

validator国际化方案：构建多语言错误消息系统

validator国际化方案&#xff1a;构建多语言错误消息系统 【免费下载链接】validator Simple validation for Rust structs 项目地址: https://gitcode.com/gh_mirrors/vali/validator 在全球化应用开发中&#xff0c;为用户提供本地化的错误提示是提升用户体验的关键环…...

编程新知 2026/4/18 4:04:59

1TB流量可支撑多少订单数据

要预估 1TB 网络流量能支撑多少订单数据量&#xff0c;核心在于分析单个订单请求的平均数据流量&#xff0c;然后进行除法计算。这是一个典型的系统容量与资源估算问题&#xff0c;涉及对请求链路、数据格式和压缩情况的深入分析 。 问题解构与核心变量 此问题的答案并非固定…...

编程新知 2026/4/18 2:43:29

如何在按需导入类时动态执行其内部代码

本文介绍如何利用 Python 3.7 的 __getattr__ 钩子机制&#xff0c;实现“仅在显式导入某个类时才执行其初始化逻辑”&#xff0c;避免模块级类定义时的副作用触发。 本文介绍如何利用 python 3.7 的 __getattr__ 钩子机制&#xff0c;实现“仅在显式导入某个类时才执行其…...

编程新知 2026/4/18 0:46:12

别让虚拟皮肤掏空你的真实生活——写给每一位大学生的消费觉醒书

你有没有算过&#xff0c;你在游戏里充的每一分钱&#xff0c;如果换一种花法&#xff0c;能给你带来怎样截然不同的人生体验&#xff1f;一、从一个真实的故事说起 去年秋天&#xff0c;我在沈阳某高校的食堂里遇到了小张。他正对着一碗最便宜的清汤面发呆&#xff0c;手机屏幕…...

编程新知 2026/4/18 0:32:04

从复古游戏到电子墨水屏：聊聊Floyd-Steinberg抖动算法的那些神奇应用场景

从复古游戏到电子墨水屏&#xff1a;Floyd-Steinberg抖动算法的跨时代魔法 1983年&#xff0c;任天堂红白机设计师面临一个棘手问题&#xff1a;如何在仅支持52色的硬件上呈现《超级马里奥兄弟》中碧蓝的海水与翠绿的管道&#xff1f;答案藏在一项诞生于1976年的图像处理技术中…...

编程新知 2026/4/17 22:41:01

微软新 Xbox 负责人阿莎·夏尔马忙不停：Game Pass 定价待调，“螺旋计划”影响几何？

承诺“Xbox 回归”后&#xff0c;负责人忙不停微软新任 Xbox 负责人承诺“Xbox 回归”后&#xff0c;一直忙得不可开交。阿莎夏尔马在 3 月游戏开发者大会上与发行商会面&#xff0c;最近几周走访微软旗下游戏工作室和产品团队。曾在微软 CoreAI 部门工作的她目前处于学习阶段&…...

编程新知 2026/4/17 22:39:01