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

jquery发送ajax练习

news 2026/2/10 17:52:46

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！！设备需root！！设备需root！！ 测试环境：redmi 5 plus、miui10 9.9.2dev（安卓8.1）、已root win下安装手机USB驱动（过程略&#xff0c…...

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

【LVS-NAT配置】

配置 node1：128（客户端） node2：135（调度器） RS： node3：130 node4：132 node2添加网络适配器（仅主机模式） [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备案需求请勿选择随机可用区，因为当前地域下的可用区可能不支持备案，阿里云百科分享提醒大家，如果你的购买的云服务器搭建网站应用，网站域名需要使用这台云服务器备案的话，不要随机分配可用区&…...

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

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

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

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

3.5 Spring MVC参数传递

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

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

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

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

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

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

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

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

【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在实际项目中用作缓存时经常碰到的，也是经常面试的三大问题：缓存穿透、缓存击穿、缓存雪崩，以及这些问题的常用解决方法。在介绍这三大问题之前，我们需要先了解Redis作为一个缓存中间件，在项目中是如何…...

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

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

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

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

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

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

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

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

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

编程日记 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：访问白名单&#x…...

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

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

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

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

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

对于初学者，一般会遇到这种情况，明明写的时序逻辑，结果仿真结果却是组合逻辑，然后看遍设计代码，始终找不到原因，交流群、知乎这种问题随处可见。但不要怀疑软件问题，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

生成xcframework

打包 XCFramework 的方法 XCFramework 是苹果推出的一种多平台二进制分发格式，可以包含多个架构和平台的代码。打包 XCFramework 通常用于分发库或框架。使用 Xcode 命令行工具打包通过 xcodebuild 命令可以打包 XCFramework。确保项目已经配置好需要支持的平台…...

编程新知 2025/10/5 2:30:38