jQuery 使用 jQuery ajax json、php 将项目填充到 Select 中

使用jQuery Ajax和PHP将项目填充到Select中

html
    
    
    
    
    选择项目：
    
    

php
// get_projects.php
$projects = array(
    "Project 1",
    "Project 2",
    "Project 3",
    "Project 4"
);
echo json_encode($projects);
?>

javascript
// script.js
$(document).ready(function() {
    // 发起Ajax请求
    $.ajax({
        url: 'get_projects.php',
        type: 'GET',
        dataType: 'json',
        success: function(data) {
            // 清空Select
            $('#projectSelect').empty();
            // 填充Select
            $.each(data, function(index, project) {
                $('#projectSelect').append('' + project + '');
            });
        },
        error: function(error) {
            console.log('Ajax请求失败：' + error);
        }
    });
});