0

我创建了一个基于 PHP、Jquery 和 Ajax 的代码库，它是更改选项的更改下拉菜单。该计划分为三个部分。

第一部分 文件的第一部分是一个具有 3 个输入字段的表单，这些字段从数据库中获取选项数据，并在更改选项时过滤下一个输入字段中的值。

<?php  /**  * Plugin Name: My Car Plugin  */
    add_action(the_content, my_car_plugin);     ?>

<?php
    function register_script() {

        wp_enqueue_script('my_car_script', 'http://www.thenewsol.com/zaman/my_car_script.js', 'jQuery', '1.5.2');
        }
    function print_script() {
        wp_print_scripts('my_car_script');
        }
?> 


<?php 
    function my_car_plugin() { 
            register_script();
                print_script();
    ?>
        <div style="width:800px; margin:auto;padding-top:100px;">
            <form>
                <select id="Make" onchange="load_options(this.value,'Model');">
                    <option value="">- Select Make -</option>
                        </select>
        &nbsp;&nbsp;&nbsp;

                        <select id="Model" onchange="load_options(this.value,'Year');">
                    <option value="">- Select Model -</option>
                </select>
        &nbsp;&nbsp;&nbsp;

            <select id="Year">
                <option value="">- Select Year -</option>
                    </select>
                        <img src="loader.gif" id="loading" align="absmiddle" style="display:none;"/>
    <?php 
                            }
        ?>

第二部分 这部分是一个jQuery函数，它通过Ajax调用调用程序的第三部分。

 jQuery(document).ready(function(){
load_options('','Make');
});

function load_options(id,index){
jQuery("#loading").show();
    if(index=="Model"){
        jQuery("#Year").html('<option value="">- Select Year -</option>');
    }
    jQuery.ajax({
        url: "ajax.php?index="+index+"&id="+id,
            complete: function(){$("#loading").hide();},
                success: function(data) {
            jQuery("#"+index).html(data);
        }
    })
}

第三 部分 程序的第三部分和最后一部分是一个文件，它与数据库交互并为 Ajax 调用上程序的第一部分提供数据。

<?php

class AJAX {


    public  $_index = NULL;



    public function __construct(){

        $this->process_data();
    }


private function process_data(){

global $wpdb; // Wordpress Global Database Variable access

    $this->_index = ($_REQUEST['index'])?$_REQUEST['index']:NULL;
        $id = ($_REQUEST['id'])?$_REQUEST['id']:NULL;
switch($this->_index){

    case 'Make':
        $results = $wpdb->get_results("SELECT * FROM wp_countries");
        echo "<select>";
        foreach($results as $rows){

        echo "<option value=\"$rows->id\">".$rows->country_name."</option>";
        }
        echo "</select>";
        break;

    case 'Model':
        $results = $wpdb->get_results("SELECT * FROM wp_states WHERE country_id=$id");
        echo "<select>";
        foreach($results as $rows){

        echo "<option value=\"$rows->id\">$rows->state_name</option>";
        }
        echo "</select>";
        break;

    case 'Year':
        $results = $wpdb->get_results("SELECT * FROM wp_cities WHERE state_id=$id");
        echo "<select>";
        foreach($results as $rows){

        echo "<option value=\"$rows->id\">$rows->city_name</option>";
        }
        echo "</select>";
        break;

    default:
        break;

}

    }


}

$obj = new AJAX();

?>

要求 我尝试将这个程序转换成 Wordpress Plugin 的形式。我无法弄清楚这段代码中的实际问题在哪里。为什么它不工作？如果我删除 wordpress 格式并在 localhost 上运行它，它会完美运行。但是当我尝试嵌入wordpress时它不起作用。

请指导/帮助解决此问题。

感谢您的指导。实际上，我不擅长使用 AJAX。请您详细说明如何在 Wordpress 中更改我的 jQuery / Ajax 功能。我的功能是这个

    jQuery.ajax({ url: "ajax.php?index="+index+"&id="+id,
      complete: function(){$("#loading").hide();},
       success: function(data) {
     jQuery("#"+index).html(data); } })

你的代码就是这个

jQuery.post(
 ajax_object.ajax_url,
  data, function(response) {
   alert('Got this from the server: ' + response); });

请以该格式转换/更改我的代码

4

1 回答 1

0

你为什么不使用 add_action('wp_ajax_my_action', 'my_action_callback');

add_action('wp_ajax_my_action', 'my_action_callback');
function my_action_callback() {
    global $wpdb; // this is how you get access to the database

    $whatever = intval( $_POST['whatever'] );

    $whatever += 10;

        echo $whatever;

    die(); // this is required to return a proper result
}

jQuery(document).ready(function($) {
    var data = {
        action: 'my_action',
        whatever: ajax_object.we_value      // We pass php values differently!
    };
    // We can also pass the url value separately from ajaxurl for front end AJAX implementations
    jQuery.post(ajax_object.ajax_url, data, function(response) {
        alert('Got this from the server: ' + response);
    });
});

请参阅http://codex.wordpress.org/AJAX_in_Plugins。

于 2013-10-16T11:03:19.810 回答