jquery-如何在文档中运行ajax?

Joe*_*Joe 1 php jquery

我正在尝试使用ajax加载信息,当我的页面加载但没有信息显示时,是否有人能够发现我做错了什么?

$(document).ready(function (){
    $.ajax({                                      
      url: 'ajax_load.php',              
      type: "post",          
      data: "artist=<?php echo $artist; ?>",
      dataType: 'html',                
      beforeSend: function() {
          $('#current_page').append("loading..");
          },
      success: finished(html),
   });
});

function finished(result) {
    $('#current_page').append(result);
};
Run Code Online (Sandbox Code Playgroud)

ajax_load.php包含:

<?php

if(isset($_POST['artist'])) {
   $artist = $_POST['artist'];
   echo $artist;
}

echo "test";

?>
Run Code Online (Sandbox Code Playgroud)

页面的html部分很好

Jam*_*ice 9

您需要将success选项的值更改为对函数的引用:

$(document).ready(function (){
    $.ajax({                                      
      url: 'ajax_load.php',              
      type: "post",          
      data: "artist=<?php echo $artist; ?>",
      dataType: 'html',                
      beforeSend: function() {
          $('#current_page').append("loading..");
          },
      success: finished //Change to this
   });
});
Run Code Online (Sandbox Code Playgroud)

目前您正在设置success返回值finished,即undefined.如果您检查浏览器控制台,则可能会出现"未定义不是函数"的错误.

  • 没问题,很高兴我可以帮忙:) (2认同)