首页
学习
活动
专区
圈层
工具
发布

React中使用ajax获取数据在移动浏览器中不显示问题

在做的一个小项目,页面加载后使用ajax读取本地REST数据,保存在状态中,稍后在form的选择下拉框中显示,代码如下: 150 componentDidMount() { 151...、火狐浏览器访问,数据都能加载,在手机端使用谷歌浏览器访问,选择下拉框始终为空,这说明手机端浏览器ajax获取数据时出了问题。...,即在页面加载完成后才执行某个函数,如果函数中要操作 DOM,在页面加载完成后再执行会更安全,所以在使用 jQuery 时这样的写法很常见。...dom,那么就会报错,当然如果你把script标签放到页面最后面那么就没问题了,此时和ready效果一样。...可能的原因是手机端刘览器与电脑端浏览器页面加载中处理脚本时间不同,前者是未等页面加载结束即执行jquery脚本,后者则相反,所以后者不需$(function(){}也可正常显示。

7.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WordPress中通过Ajax评论分页实现方法

    说来惭愧,用了这么久的wordpress了,竟然没注意过“WordPress 后台 – 设置 – 讨论,在“其他评论设置”中勾选分页显示评论”这一项。。。设置后竟然好了。...二.开启 WordPress 评论分页 打开 WordPress 后台 – 设置 – 讨论,在“其他评论设置”中勾选分页显示评论,设置一下评论数目,这里的评论数目仅计算主评论,回复评论不作计算。...在后台开启评论分页后,在 comments.php 中需要添加分页导航的地方加入以下代码(如主题中有类似代码则无须再添加,另外代码中的 nav 标签为 HTML5 标签,若主题没有使用 HTML5 则有...> 四.Ajax 评论分页 根据上文所述,现在主题中已经有评论分页了,要做到 Ajax 的评论分页,只需 JavaScript 的配合,不过在这之前首先要在评论列表前加入一个元素,用于在显示新一页评论列表时表示列表正在加载...中Ajax评论分页实现方法 本文所遇问题的解决方案及具体实现方法摘自本网页,里面还有插件实现法,有兴趣的可以去看看,此处不再叙述。

    1.5K20

    Satelite个人图像博客创新且优雅的WordPress主题

    Satelite个人图像博客创新且优雅的WordPress主题 ---- 主题简介 Satelite是一款创新且优雅的创意WordPress主题,在很多主题中你都找不到这类型创意的主题。...响应式设计 – 在桌面、平板、手机端均以最佳状态显示 不刷新加载 – 全局文章图像网页 提供ajax加载 高级版式 – Satelite Theme包含600多种Google网络字体的完整集合。...深色和浅色选项 – 使用这些背景和文本颜色选项轻松为您的网站创建配色方案。 实时演示导入 – 只需单击演示数据导入,即可在几秒钟内轻松预建您的网站。...快速加载速度 – 质量代码和优化图像使主题能够在高速性能上运行。 SEO优化 – 在编写卫星主题时采取谨慎措施,搜索引擎会很感激。 广泛的文档 – 我们的文档尽可能全面。...任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

    45820

    给wordpress添加限制游客浏览数量功能

    在主题中实施逻辑:在您的主题的functions.php文件中,添加以下代码来限制内容:// 限制内容给访客角色function restrict_content($content) { global...'; // 显示错误消息 } } else { // 如果用户不是访客(已注册) return $content; // 显示内容 }}add_filter...考虑使用AJAX或JavaScript来改进用户体验:如果您希望在用户尝试访问受限内容时提供更加流畅的体验(而不是完全重定向),您可以考虑使用AJAX或JavaScript来处理权限检查。...这样,用户不会立即被重定向,而是在点击文章或页面时看到一个模态窗口或消息。安全性考虑:确保您的自定义代码不会引入安全风险,例如XSS(跨站脚本)或注入攻击。始终对用户输入进行适当的验证和清理。...测试:在部署之前,彻底测试您的解决方案以确保其按预期工作,并考虑各种使用场景和边缘情况。请注意,这只是一个基本的实现指南,您可能需要根据您的具体需求和WordPress版本进行调整。

    38810

    WordPress插件大全

    Secure Files – 该插件允许你在拥有网站安全许可权限的情况下上传和下载文件。当你用相关的插件设置用户只有在登录后才能访问你的网站时,你可以限制只有登录的用户能下载文件。...Fix Database – 检查Wordpress数据库错误并尝试修复。 Front Page Excluded Categories – 设置在首页不显示某个特定分类的文章。...GT Post Approval – 在多用户博客中以管理员身份查看日志时添加“Approve”和“Reject”按钮。...Another WordPress Meta Plugin – 在日志中添加Meta标签和关键字,以优化搜索引擎。 Bad Behavior – 通过分析HTTP请求防止广告爬虫访问你的博客。...Commentluv – 在评论中能显示评论者最新文章标题。 Crossroads – 增加来自Flickr的缩略图和评论。 Custom Smileys – 在评论中添加表情显示。

    2.5K50

    wordpress资讯类主题NStory(纯净版宝塔版)

    布局上做了小的调整,设计上更加优雅,简约,干净,大气,在功能上做了最大的调整,增加了很多功能,强大且实用。...和JS代码 文章目录 文章和评论喜欢与不喜欢 文章收藏 分享海报 稍后观看视频 关灯看视频 AJAX 搜索 搜索历史 轻导航 多功能标签筛选 站点地图 两种外链跳转 微信分享显示缩略图 SMTP邮件发送设置...移除仪表盘小工具 禁用表情符号 禁用 XML-RPC 接口 删除WordPress登录错误 从工具栏中删除 WordPress LOGO 从工具栏中删除自定义 禁用定时器 禁用古腾堡编辑器 禁用古腾堡小工具...禁用文章 Embed 格式化日期 格式化数字 在新窗口中打开链接 自动添加图像 alt 和 title 搜索重定向 仅搜索文章标题 简化分类链接 HTML 代码压缩输出 禁用复制内容 重置北京时间 网站维护...外链跳转 后台用户列表时间和 IP 后台复制文章和页面 自定义后台登录地址 复制提示 代码高亮 其它功能 新编辑文章可AJAX选择所属专题 新编辑专题可AJAX选择相关文章 自定义类型文章固定链接 移除菜单中多余的标签

    3K00

    CVE-2022-21661:通过 WORDPRESS SQL 注入暴露数据库信息

    今年 10 月,我们收到了来自 GiaoHangTietKiem JSC 的 ngocnb 和 khuyenn 的报告,涉及 WordPress 中的 SQL 注入漏洞。...该漏洞可能允许攻击者暴露存储在连接数据库中的数据。此漏洞最近被解决为 CVE-2022-21661 ( ZDI-22-220 )。...首先,这是一个演示该漏洞的快速视频: 漏洞 该漏洞发生在 WordPress Query ( WP_Query ) 类中。WP_Query对象用于对 WordPress 数据库执行自定义查询。...插件和主题使用此对象来创建他们的自定义帖子显示。  当插件使用易受攻击的类时,就会出现该漏洞。一个这样的插件是Elementor Custom Skin 。...在这个插件中,易受攻击的WP_Query类在ajax-pagination.php的get_document_data方法中被利用: public function get_document_data

    4.9K10

    使WordPress达到最佳运行状态的13个技巧

    加载页面时,如果浏览器还要执行PHP查询,就会延长加载时间。 可以用静态HTML代替PHP查询,这样每次加载页面时,浏览器就只需要读取HTML代码。 4....从PHPMyAdmin中修复并优化数据库 你可以一个星期登录一次PHPMyAdmin,优化自己的数据库。 定位你的WordPress数据库表,在复选框中选中所有表,选择“优化数据库表”选项进行修复。...你可以在CSS文件中安心地使用@import,从此不必再为客户端操心。 插件还可以检查style.css文件并放入@import文件。 你还可以设置缓存过期时间。...你也可以在指定页面或文章中添加CSS文件,然后将所有CSS文件放进同一个文件。 10.DB Cache 这款插件按给定时间缓存每个数据库查询。 插件运行速度快,缓存占据的硬盘空间也很小。...12.显示页面加载次数和查询次数 将下面的代码添加到你的模板上就可以显示加载你的页面需要的时间和执行的sql查询次数了。 这个方法可以快速了解你的WordPress博客优化程度。

    1.3K30

    Sticky Posts Switch插件教程WordPress中为分类添加置顶文章

    在博客页面顶部显示最新帖子。...当您将新内容发布到您的网站时,之前的帖子会关闭并最终移动到存档页面。粘性帖子允许您在WordPress中添加精选帖子,并在您的网站主页上以不同的方式显示它们。...这些文章可能会隐藏在您在网站上发布的其他博客文章中。在类别页面上放置粘性帖子对于突出显示WordPress网站上最重要的内容非常有用。这样做将提高他们的知名度和点击率 CTR。  ...在WordPress中为类别添加置顶帖/文章的最简单方法是使用WordPress Sticky Posts Switch插件,可让您在主页、存档页面和分类页面上设置置顶文章。  ...Sticky Posts Switch插件教程WordPress中为分类添加置顶文章  此外还可以选择在主页、帖子存档页面或分类页面(如类别和标签)上显示粘性帖子的位置。

    7.1K20

    WPJAM #Hashtag#:自动将文章内容中 #话题标签# 转换成链接

    在 WordPress 文章怎么方便做的内部链接呢? ​比如文章内容中提到到了某个标签和分类,或者某个插件和产品的链接,都希望能够快速转成链接,方便用户点击过去。...支持预定义的内部链接关键字,标签和分类关键字,以及搜索链接,首先内部链接的优先级最高,接着是标签和分类链接,最后找不到的关键字,会跳转到搜索链接。...内部链接管理 安装好了插件之后,在 WordPress 后台就可以进行内部链接管理,把自己的常用的内部链接添加到列表中: 自动转换 #话题标签# 成内部链接 在 WordPress 后台输入: 前端显示为...文章隐藏 设置文章在列表⻚不显示,并且可以根据不同平台进行设置 Meta Data 可视化管理 WordPress Meta 数据,支持所有内置的 Meta 数据: Post Meta,Term Meta...站点选项 查看和管理所有非 WordPress 系统自动生成的站点选项。 如果你觉得某个选项无用,可以直接删除它。 后台论坛 WordPress 后台论坛,支持创建帖子,分组,消息。

    1.1K30

    WordPress 插件 Learnpress 4.1.4.1 - 任意图像重命名

    它可以帮助您创建课程、课程和测验。 此 LMS 的用户可以在注册后上传图像作为个人资料头像。在此过程之后,用户裁剪并保存图像。...然后将包含用户提供的图像名称的“POST”请求发送到服务器以重命名和裁剪图像。作为此请求的结果,用户提供的图像的名称将更改为 MD5 值。只有当图像类型为 JPG 或 PNG 时,才能进行此过程。...进入个人资料页面并上传头像图片:https:///lp-profile//settings/avatar/ 3、在保存图片的同时,通过...将 `lp-user-avatar-crop[name]` 参数的值更改为网站中的任意图像文件路径(例如 /2021/01/image.png 或 /../../图像.png)。...5.转发截获的请求,检查步骤4中给出的图像文件是否存在。 6. 你会看到图片找不到。因为它的名字改名了。

    61950

    WPJAM Basic 详细介绍:一键优化 WordPress 文章设置和操作

    在 WordPress 对文章的操作是最多和最频繁的,那么怎么优化呢?...WPJAM Basic 首先让用户选择在 WordPress 后台的文章列表页是否全面实现AJAX操作,然后还支持显示和设置文章缩略图, 显示和修改文章浏览数,显示排序下拉选择框,支持通过作者进行过滤和支持上传外部图片这...全面AJAX操作 在 WordPress 后台文章列表页全面实现AJAX操作之后,在列表页点击导航,进行搜索,点击分类筛选等这些查询操作,都不再重新加载页面,而是会首先显示加载效果的 loading 的图片...,然后直接返回列表数据。...显示和设置缩略图 开启该功能之后,首先在后台的文章列表页能够显示文章缩略图: 如果你没有设置缩略图,又想显示缩略图,则就需要到前面讲解的「缩略图设置」功能中设置获取文章缩略图的顺序。

    73120

    微信公众号自动回复图文消息

    写在前面 订阅号收到过一些查询消息,比如vue、react,无奈一直没有心情去搞关键字搜索,就丢一边去了 修复博客首页样式问题时恰巧看到了之前的博文:微信公众平台图文消息自动生成,里面有提到WordPress...P.S.样式问题是说在firefox下,容器的white-space: no-wrap会导致float-right子元素换行,猜测是firefox不合规范,具体见Demo P.S.另外,firefox57...(消息匹配机制): 普通:关键字模糊匹配 默认:default case,其它的规则都不匹配时就走这个 订阅:新增关注时触发 比如添一条测试规则: 回复标题 test 关键字 测试,test...%{$keyword}%' THEN 1 ELSE 0 END)) DESC, post_modified DESC, ID ASC limit $re_count")); 从db_wp_posts表中已发布的文章中找出标题和内容与关键字匹配的...# 后台配置数据格式 wpwsl_core.php # 插件入口,注册 todo fork过来是想做几件事: 重写readme(原版太变态了,看了不想用) 100% 搜索结果按相关度排序(默认按日期排序

    4.4K20

    渗透测试之黑白无常“续”

    艰难挺近后台 经过上一个网站的铺垫,所以当打开目标网站后,第一时间感觉系统属于WordPress框架,然后尝试默认后台/wp-admin/能否访问。 ?...后台为默认后台,但是账号却不再是弱口令,在尝试了大量的弱口令和常用口令后,都未成功,针对前台的一系列测试也并没有取得一定的成功,测试到这一时陷入僵局。...根据已经发布的文章显示,该网站后台管理员使用的账户是admin,但是密码却并不清楚,在尝试了大量密码后,最后突发奇想开始围绕着Robots.txt文件里的zhangchao这个名字进行构造密码,在尝试了...使用stripslashes删除反斜杠,根据变量追踪变量esc_html在get方法中默认是true,所以这里的if也会进入,将变量value是要esc_html函数进行处理,WordPress的esc_html...WordPress中的add_action是添加动作的,也就是添加到admin_ajax文件的,后面还拼装了一个$this->prefix参数,查看该参数的值。 ?

    2.3K10

    13 个 WordPress 提速技巧

    使用 PHPmyAdmin 优化和修复数据库 我们至少应该每个星期登陆 PHPMyAdmin 去优化下数据库,选择 WordPress 数据库,选择所有的表,选择优化数据表和修复,你会惊奇的发现这个技巧的效果非常好...使用可靠的图片存储服务 可以尝试把一些常用的网页图片,CSS,JavaScript 和其他一些静态文件存到 Amazon S3 这样的存储服务中,你会发现服务器的 CPU 时间和内存使用会下降很多。...WP CSS 这个插件会 GZIP 压缩和删除 CSS 文件中的空白,并且会把 style.css 文件中的 @import 直接放入,这个插件还可以设置 CSS 文件的缓存过期时间。 10....另外WordPress 也有 AJAX Libraries 相关的插件。 12....显示页面导入时间和查询次数 这里有段代码能够让你插入到你的模板中让你知道页面导入的时间,和有多少数据库查询,这个技巧能够让你知道你博客优化的程度。 在 <?php timer_stop(1); ?

    1.4K20

    WordPress 4.0 Benny简体中文版现已开放下载

    直到今早才在后台发现了新版本推送消息,因 vps 上都有网站备份,所以无需多虑就直接点击了更新按钮。...一、多媒体优化 和 3.92 相比,4.0 的多媒体界面已由列表改为缩图平铺显示风格: 用官方的说法: 在美丽、无尽的网格中浏览您上传的文件。...就是编辑器能智能解析 URL 里面的视频,然后实现即时嵌入预览: 浏览器不支持此视频播放,请下载观看:http://static.zhangge.net/videos/embed.mp4 官方是这样描述的: 在空行中粘贴一行...编辑器现在能够显示嵌入内容的真实预览,为您节约时间,也给您自信。...此次新版 4.0 就加上了这个很人性化的功能:编辑器置顶跟随,妈妈再也不用担心的内容过长找不到家了。

    77370
    领券