使用嵌入式 PHP 将 jQuery 函数插入 Wordpress 单页

Question

我正在尝试将 jQuery 函数插入到连接到 MySQL 数据库的 Wordpress 页面中，该数据库返回大量项目列表，用于表单中的自动完成文本输入。它不工作。

这是我在我正在使用的主题的文件结构中创建的 js 文件夹中自己的 .js 文件中的函数：

jQuery(document).ready(function($) {

$(

    var availableTags = [

    <?php

    $dbh=mysql_connect ("localhost", "db_name", "db_name") or die ('I cannot connect to the database because: ' . mysql_error());
    mysql_select_db ("db_name") or ("Database not found");

    $query = "SELECT col FROM table";
    $result = mysql_query($query) or die ( $result."<br/><br/>".mysql_error());

    while ($row = mysql_fetch_array($result)) {
    echo "\"". $row['col']."\", ";
    }

    // $result = mysql_query($query) or die ( $result."<br/><br/>".mysql_error());

    mysql_close($connect);

    ?>
    ];

    $( "#id" ).autocomplete({
    source: availableTags

    });

)});

这些是外部链接：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

这是我在主题的 functions.php 文件中插入的内容：

add_action( 'wp_enqueue_scripts', 'add_my_script' , 11 );
function add_my_script() {
    wp_enqueue_script(
        'function_name', 
        get_template_directory_uri() . '/js/function_name.js',
        array('jquery'),
        '1.0',
        true

    );
}

Answer 1

您不能在 javascript 文件中运行 php 代码。那么你应该怎么做：

1. 你应该使用ajax，首先学习如何在wordpress中使用ajax。参考例子：http://www.smashingmagazine.com/2011/10/18/how-to-use-ajax-in-wordpress/

2. Wordpress 已经有数据库连接，你不应该重新连接。只是你只会做查询。这是在 wordpress 中如何查询和其他查询相关的类参考：http://codex.wordpress.org/Class_Reference/wpdb

3. 您已经在输入字段中提到了自动完成功能，因此您应该在 js sn-p 中使用 onkeyup、onkeypress 类似的事件。

但是，你应该单独学习整体的东西，然后按照你的期望去执行。

Answer 2

global $wpdb;

$results = $wpdb->get_results( "SELECT col FROM table");
foreach ($results as $tableResult)
{
    echo $tableResult->col;
}