0

我正在尝试存储以下数据，取自 html

  title:"Tempered Song",
  artist:"Miaow",
  mp3:"http://www.jplayer.org/audio/mp3/Miaow-01-Tempered-song.mp3",
  oga:"http://www.jplayer.org/audio/ogg/Miaow-01-Tempered-song.ogg",
  poster: "http://www.jplayer.org/audio/poster/Miaow_640x360.png"

我的html代码是：

<a class="add-music" data-title="Las Voces" data-artist="" href="audios/song-little.mp3">Add to List</a>
<a class="download-music" href="audios/song-little.mp3">Download</a>

<a class="add-music" data-title="Las Voces del Bosque" data-artist="" href="audios/song-little.mp3">Add to List</a>
<a class="download-music" href="audios/song-middle.mp3">Download</a>

<a class="add-music" data-title="Las Bosque" data-artist="" href="audios/song-little.mp3">Add to List</a>
<a class="download-music" href="audios/song-big.mp3">Download</a>

我的代码 jquery 是：

 $( document ).ready(function() {
 $('.add-music').click(function() {
    $.ajax({
        'type':'POST',
        'data':fuction() {
          var songNew = JSON.stringify({
            title: $(this).attr('data-title'),
            artist: $(this).attr('data-artist'),
            mp3: $(this).attr('href'),
          });
        });
        datatype: 'json',
        url: 'session.php',
        async: true,
        cache:false
        });
    });
 });

但它不起作用，有什么办法可以让这个更好更清洁？

4

3 回答 3

1

您的数据的构建方式存在问题。使用类似下面的东西：

'data': JSON.stringify({
      title: $(this).attr('data-title'),
      artist: $(this).attr('data-artist'),
      mp3: $(this).attr('href'),
 }),

这会将一个 json 编码的字符串传递给帖子正文中的服务器。如果您希望将 vars 视为标准 post vars，请跳过 json 编码步骤。

于 2013-03-07T16:51:02.893 回答
0

修复多个语法错误：

$(document).ready(function () {
     $('.add-music').click(function () {
         $.ajax({
             type: 'POST',
                 data: function () {
                 var songNew = JSON.stringify({
                     title: $(this).attr('data-title'),
                     artist: $(this).attr('data-artist'),
                     mp3: $(this).attr('href')
                 });
                return songNew;
             },
             datatype: 'json',
             url: 'session.php',
             async: true,
             cache: false
         });
     });
 });

也许更好：

 $(document).ready(function () {
     $('.add-music').click(function () {
         var songNew = JSON.stringify({
             title: $(this).attr('data-title'),
             artist: $(this).attr('data-artist'),
             mp3: $(this).attr('href')
         });
         $.ajax({
             type: 'POST',
             data: songNew,
             datatype: 'json',
             url: 'session.php',
             async: true,
             cache: false
         });
     });
 });
于 2013-03-07T16:48:46.583 回答
0

最后效果很好

$(document).ready(function () {
     $('.add-music').click(function () {
         var songNew = JSON.stringify({
             title: $(this).attr('data-title'),
             artist: $(this).attr('data-artist'),
             mp3: $(this).attr('href')
         });
         var songIE = {json:songNew};
         $.ajax({
             type: 'POST',
             data: songIE,
             datatype: 'json',
             url: 'session.php',
             async: true,
             cache: false
         });
     });
 });

谢谢4所有

于 2013-03-08T03:31:48.207 回答