Question

我希望使用jquery ajax

加载多个视图结果

原始代码（js）

$(document).ready(function(){
$("#uid").change(

function(){

    var uid=$("#uid").val();

    $.ajax({
    type: "POST",
    url: "<?= site_url('sp_profile/ajax_userdetail') ?>",
    dataType: "json",
    data: "uid="+uid,
    cache:false,
    success:
      function(data){

        $("#content").html(data);
      }

    });

  return false;

});
});

这只会在<div id="content"></div>

中返回一个结果

如果我想加载3个结果，如

，该怎么办？

<div id="content"></div> 
<div id="content1"></div> 
<div id="content2"></div>

内容可以是用户标识
content2可以是用户名*
content3可以是用户姓氏

我的js应该使用.load而不是html吗？如果我错了，请告诉我。

success:
          function(data){

            $("#content").load("<?= site_url('sp_profile/ajax_userdetail')?>");
            $("#content2").load("<?= site_url('sp_profile/ajax_userdetail')?>");
            $("#content3").load("<?= site_url('sp_profile/ajax_userdetail')?>");
          }

我整天坚持这件事......

请有人告诉我正确的方法来执行控制器和js代码。

Answer 1

我在这里猜测，单独使用load，而不是使用success方法。

所以例如......

$(document).ready(function(){
  $("#content").load("<?= site_url('sp_profile/ajax_userdetail')?>");
  $("#content2").load("<?= site_url('sp_profile/ajax_userdetail')?>");
  $("#content3").load("<?= site_url('sp_profile/ajax_userdetail')?>");
});

见this link。请记住，加载执行GET而不是POST。

jquery ajax post在codeigniter中没有使用.load

1 个答案: