0

我正在尝试检索 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 的绝对初学者

谢谢

4

2 回答 2

2

你的网址建错了;如果您在 Firebug 中看到 NET 控制台,它将显示 404(或 500)。在 CI 中使用 helper 函数(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 方法)

旁注,append()附加到所选元素的末尾,如果要插入到元素$(selector).html(data);,请改用

于 2012-05-18T05:53:01.977 回答
2

您的 Ajax 成功处理函数:

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

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

    $("#content").append(data); 
于 2012-05-18T06:10:42.513 回答