Question

我正在尝试检索HTML并在页面上显示它，它似乎无法检索任何内容......

我的控制器脚本：

function index()
{   
    $this->load->view('ajax_post');
}

public function ajaxify()
{
    $message = "<b>hello</b>";
    echo $message;
}

我的javascript代码：

  $(document).ready(function(){
    $("#click").click( 
    function(){

        $.ajax({
        type: "POST",
        url: "/index.php/ajax_post/ajaxify",
        dataType: "html",
        cache:false,
        success: 
          function(data){
            $("#content").append(html); 
          }

        });

      return false;

    });


});

任何帮助都会受到赞赏，因为我是jQuery / AJAX的绝对初学者

由于

Answer 1

您的网址错误;如果你在Firebug中看到NET控制台，它将显示404（或500）。使用CI（url helper）中的辅助函数：

$.ajax({
    type: "POST",
    url: "<?php echo site_url('ajax_post/ajaxify');?>",
    dataType: "html",

或手动构建，包括域名：

$.ajax({
    type: "POST",
    url: "http://www.yourdomain.com/index.php/ajax_post/ajaxify",
    dataType: "html",

确保url映射到正确的控制器/方法（如果没有分配自定义路由，则为ajax_post.php控制器，ajaxify方法）

Sidenote，append()附加到所选元素的末尾，如果要在中插入元素，请使用$(selector).html(data);代替

Answer 2

您的Ajax成功处理函数：

function(data){
    $("#content").append(html); 
}

有一个名为data的参数但是您尝试附加一个不存在的变量html尝试将其更改为：

    $("#content").append(data);

PHP AJAX调用没有检索任何东西

2 个答案: