使用jquery或类似ajax重新加载WordPress页面的一部分

问题描述 投票:0回答:1

嗨,我是一名新程序员,我想更新我的 WordPress 页面内容的一部分,这是来自 php 文件的短代码,而不刷新整个页面。 但我不知道如何在子主题的function.php文件中使用hook和action,也不知道如何用jquery和ajax编写abc.js文件

我的简码 php 文件是 SetP.php

<?php
global $wpdb;
global $current_user; get_currentuserinfo();
$postname="$current_user->user_login";
$result=$wpdb->get_results("select Set_P_Ref from mainlogs where Srl_Pro='$postname'");
echo "<style>";
    echo ".tt {
        color:white;
  font-weight: normal;
font-family: refled;
     }";

echo "</style>";
echo "<body>";
echo "<div class=\"table\"><table>";
foreach($result as $row){
    echo "<tr><td class=tt >" .$row->Set_P_Ref ."</td></tr>";
}

echo "</table></div>";

这个程序是活动的,但是由于我的输出参数改变了,这个值没有更新,除非刷新整个页面。

我将非常感谢您的帮助

php jquery ajax wordpress
1个回答
0
投票

新程序员:欢迎来到我们伟大的贸易!恕我直言,您选择了一个相当复杂的第一个 WordPress 项目。解释这一切远远超出了 WordPress 答案的范围。

这是您问题的解决方案的概述,希望能为您指出一些有用的方向。

  1. 编写一个插件到...

  2. 实现一个短代码来编写一些简单的HTML,以显示带有id的HTML元素中自动更新的信息,例如

    <div id='saras-plugin>whatever information</div> 
    
  3. 在插件中,实现一个自定义 REST API 端点,它返回您需要的更新信息。

  4. 编写您需要放入页面中的 Javascript,以从浏览器访问自定义 REST API 并获取信息。然后您的 Javascript 将使用 getElementById() 查找您在步骤 2 中编写的 html,并更改其内容以保存您的新信息。

  5. 在您的短代码处理程序中调用 wp_enqueue_script() 告诉 WordPress 将您的 Javascript 代码放入页面中。

当然有很多编程步骤。但是当你掌握这些东西时,你将拥有一些超级有价值的技能。

© www.soinside.com 2019 - 2024. All rights reserved.