javascript - 函数调用后 Ajax 调用未成功

Question

我正在尝试根据页面上的特定 URI 段加载动态数据。

这是我的 JavaScript:

$(document).ready(function() {
    $(function() {
        load_custom_topics();
    });

    $('#topics_form').submit(function() {
        var topic = document.getElementById('topics_filter').value
        $.ajax({
            type: "POST",
            url: 'ajax/update_session_topic',
            dataType: 'json', 
            data: { topic: topic },
                success: function(){
                    load_custom_topics()
                }
        });
        return false;
    });

    function load_custom_topics(){
        $.ajax({
        type: "POST",
        url: 'ajax/load_custom_topics',
        dataType: 'json',
        data: {},
                success: function (html) {
                    $('div.topics_filter').html(html['content']);
                    get_threads();
                }
        });
    }

    function get_threads(){
        var page = document.getElementById('page').value
        $.ajax({
        type: "POST",
        url: 'ajax/get_threads',
        dataType: 'json',
        data: {page: page},
            success: function (html) {
                $('div#thread_list').html(html['content']);
            }
        });
    }
});

因此，如您所见，在页面加载时，它开始 load_custom_topics运行得很好。然后它应该调用 get_threads() 。事情到这里就停止了，我没有得到任何数据。

获取线程()

public function get_threads()
{
    $session = $this->session->userdata('active_topic');
    if ($this->input->post('page') == '1')
    {
        $data['list'] = $this->right_model->thread_list_all();
        $data['test'] = "all";
    } else {
        $data['list'] = $this->right_model->thread_list_other($session);
        $data['test'] = "not all";
    }
    if ($data['list'] == FALSE)
    {
        $content = "no hits";
    } else {
    $content = $this->load->view('right/thread_list', $data, TRUE);
    }
    $data['content'] = $content;
    $this->output->set_content_type('application/json')->set_output(json_encode($data));
}

当我动态创建“页面”时，HTML 输出如下:

<div name="page" value="1"></div>

任何原因 get_threads()没有运行？

Answer 1

这没有 ID。它有一个名字。

<div name="page" value="1"></div>

这意味着您对 getElementById 的请求失败。因此，这行代码应该在控制台中显示 TypeError。

var page = document.getElementById('page').value