选择单选按钮后不会触发Ajax

时间:2014-02-19 18:54:13

标签: php jquery ajax

我希望在使用ajax选择单选按钮后,使用php将给定值存储到数据库中。然而,ajax没有被触发。 为了知道这一点,我使用了一个永远不会出现的警报。

这是我的代码:

    $(document).ready(function(){

    $('input[type="radio"]').click(function(){ 
          var id_user=$(this).filter(':checked').val();
          var stringname=$(this).attr('name'); 
          var substr = stringname.split('_'); 
          var id_paper=substr[1];
            alert('User_id is: '+id_user +'. And paper_id is: '+id_paper);
          //preparing the data to be semt BD:
          JQuery.ajax({
            type: "POST", // HTTP method POST or GET
            url: "ajax/expositor.php", //Where to make Ajax calls
            data: "{'ID_ponencia':'"+id_paper+"', 'ID_participante':'"+id_user+"'}",
            contentType: "application/json; charset=utf-8",//type of response
            dataType: "json",
            beforeSend:function(){
                alert('This is AJAX. The following is about to be sent');
            }
          });
    });
});

第一个警报工作正常,这告诉我已经捕获了我想要存储的两个值。但是没有出现在ajax函数内的第二个警报。有任何想法吗?谢谢!

3 个答案:

答案 0 :(得分:1)

在ajax数据参数中,你应该尝试这样的事情:

data: { ID_ponencia : id_paper, ID_participante : id_user }

这是发送数据的正确方法。

希望对你有所帮助。

答案 1 :(得分:0)

1)ajax数据格式不正确$代替JQuery
试试这个:

$.ajax({
        type: "POST", // HTTP method POST or GET
        url: "ajax/expositor.php", //Where to make Ajax calls
        data: {ID_ponencia: id_paper, ID_participante:id_user},
        contentType: "application/json; charset=utf-8",//type of response
        dataType: "json",
        beforeSend:function(){
            alert('This is AJAX. The following is about to be sent');
        }
      });

答案 2 :(得分:0)

data: "{'ID_ponencia:'"+id_paper+"', 'ID_participante:'"+id_user+"'}",