У меня есть это:
PHP (шаблон Wordpress страницы):
//grab $projects from database then...
echo '<table class="project-list">';
foreach($projects as $project) {
echo '<tr class="alternate-rows"><td>';
echo '<span class="project" id="' . $project->PID . '">'; //PID is $projectid
echo $project->project_name;
echo '</span>';
echo '</td></tr>';
}
echo '</table>';
<div id="project-files">
</div>
PHP (Wordpress functions.php):
function load_projectfiles($projectid) {
global $wpdb;
$displayprojectfiles = $wpdb->prepare("select * from projectfiles where project_id=%s ", $projectid );
$projectfiles = $wpdb->get_results($displayprojectfiles);
return $projectfiles;
wp_die();
}
add_action('wp_ajax_get_data', 'load_projectfiles');
JS:
jQuery(document).ready(function($){
$('.project').on('click', function(){
var projectid = $(this).attr('id');
//I want to put $projectfiles into $('#project-files') using AJAX so I can make a list using foreach($projectfiles->$projectfile)
});
})
В основном, я хочу заполнить <div id="project-files">
, когда пользователь нажимает на <span class="project">
, используя load_projectfiles()
, черезjQuery AJAX, поэтому вся страница не обновляется.
Мне не очень понятно, как мне написать это (особенно в части jQuery), или если моя логика находится на правильном пути (например, должна ли быть jQueryво-первых, кто передал проект в мою функцию?)