一个用于多个输入/按钮的ajax脚本?

时间:2015-12-11 07:41:24

标签: jquery ajax post

我正在加载<div>(使用JSON结果)列出我的Wistia帐户上托管的视频。每个视频都与hashed_id相关联。我正在寻找解决方案{@ 1}}向Wistia API提出POST请求以删除视频。为此,我需要将视频DELETE传递给我的PHP脚本。

我无法想办法做到这一点,没有为每个视频写一个ajax函数......任何帮助?

这是我的HTML的简化版本:

hashed_id

我的javascript(jquery):

<div>
 <h1>Video Title1</h2>
 <input type="hidden" value="as958ssf3h">
 <button>Delete</button>
</div>
<div>
 <h1>Video Title2</h2>
 <input type="hidden" value="aasdflkj39">
 <button>Delete</button>
</div>
<div>
 <h1>Video Title3</h2>
 <input type="hidden" value="asdfsdf933">
 <button>Delete</button>
</div>

2 个答案:

答案 0 :(得分:1)

尝试:

 var token = "wistia aplication token"
    $("button").click(function(){
     $.ajax({
      url: "https://api.wistia.com/v1/medias/"+$(this).prev('input[type=hidden]').val()+".json?api_password="+token,
      data:{_method:"DELETE"},
      type: "POST",
      success:function(data){
        alert(data.name+"has been deleted")
     }
    });
    });

http://wistia.com/doc/data-api

了解有关api的更多信息

答案 1 :(得分:0)

怎么样? data:{id:$('input [type = hidden]',this.closest(“div”))。val(); }