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

发布时间：2020-12-16 02:45:37 所属栏目：百科来源：网络整理

导读：根据点击的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

根据点击的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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!