使用Ajax在简单的Jquery事件上触发PHP

根据点击的div的ID,我希望能够更改嵌入链接.

当我使用表单设置页面时,此代码以前工作.

<embed src=
  "/<?PHP
     if (isset($_POST['playlist'])) { // if ANY of the divs were clicked
         echo $_POST['playlist']; // echo the choice
     }else{
         echo "5125962"; // As a default playlist
     }
?>">

但是我的客户不喜欢页面刷新.在此基础上,我放弃了这个JavaScript的表单

$(document).ready(function() { 
    $(".playlist").click(function(){
      var playlist = $(this).attr('id');
      $.ajax({
        url: '/update/apps/music.PHP',data : playlist,type : 'POST',success : function(data) {
          $(".PlaylistHolder").load('/update/apps/music.PHP');
        }
      });
    }); 
});

代替.ajax功能我也尝试过

$(".PlaylistHolder").load('/update/apps/music.PHP',playlist);

这个想法是,代替整个页面刷新,它将重新加载“PlayListHolder”div的内容.我没有得到任何语法错误,但我的变量不会传递.在我的PHP中,我尝试了$_GET和$_REQUEST.有任何想法吗？

通常我会自己修复我的代码,但考虑到调试的性质,我想如果我再次使用默认歌曲,我会呕吐.多谢你们

解决方法

发布数据应格式化为JSON对象.您需要将数据格式化为这样发布,

var list = $(this).attr('id');
      $.ajax({
        url: '/update/apps/music.PHP',          data :{playlist: list},        type : 'POST',        success : function(data) {
          $(".PlaylistHolder").load('/update/apps/music.PHP');
        }
      });

或者你可以发布这样的序列化表格

data :$('#yourFormId').Serialize(),

见例Here