將href鏈接值作為變量傳遞給ajax

Question

是否可以將超鏈接的鏈接值傳遞給ajax？

我在這個部門很新，所以也許我實際上做錯了

所以我想實現以下目標：

echo '<ul><li class="all">alle</li>';     

foreach(range('a','z') as $i):{

echo '<li class = "searchAbc"><a class="button" href="#"/>'.$i.'</a></li> </ul>';

}
endforeach;

比阿賈克斯

function ajax_abc() {
     var url = 'index.php?option=com_glossary&task=abc';
     var abc= $(this).attr('href');

//     data = 'format=raw'+ '&'+'val=' + $("#search").val();
     data = 'val=' +  abc + '&' + 'format=raw';






$(document).ready(function(){

   function showLoader(){

        $('.search-background').fadeIn(200);

    } 


   function hideLoader(){

        $('#sub_cont').fadeIn(1500);

        $('.search-background').fadeOut(200);

                        };

  $(" li.edit a").click(function(){



        ajax_redirect();

                });


  $(".searchBtn").click(function() {

                 ajax_search();

                });



 $('#search').keyup(function(e) {

                if(e.keyCode === 13) {


                ajax_search();
                }
                });

function ajax_search(search) {

     var url = 'index.php?option=com_glossary&task=getvalues';

     data = 'val=' +  $("#search").val() + '&' + 'format=raw';

            $('#sub_cont').fadeIn(1500);
     showLoader();





     $.ajax({
     type: "GET",
     url: url,
     data: data,
     success: function(data) {

     hideLoader();

     $('div.default_order').hide;
     $('#sub_cont').html(data);






   }
  }); // ajax

}


  function ajax_abc(abc) {

    var url = 'index.php?option=com_glossary&task=abc';
    data = 'val=' +  abc + '&' + 'format=raw';


  //... Add jQuery.load() codes here ...

     $.ajax({
     type: "GET",
     url: url,
     data: data,
     success: function(data) {

     hideLoader();

     $('div.default_order').hide;
     $('#sub_cont').html(data);






   }
  }); // ajax



    }


   $(".stripeMe tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");});
   $(".stripeMe tr:even").addClass("alt");

});

Answer 1

你的意思是這樣嗎？

$('a.button', 'li.searchAbc').click(function(){
    var url = 'index.php?option=com_glossary&task=abc';
    var abc = $(this).attr('href');
    var ajaxParam = {
        val: abc,
        format: 'raw'
    };

    $.post(url, ajaxParam, function(result){
        //process result
    });

    // or using GET
    /*
    $.get(url, ajaxParam, function(result){
        //process result
    });
    // */

    return false;

})

注意： <a>標記的屬性href為'＃'。

Answer 2

就我而言，這對我有效！

        function deleteImage(data1,data2){
            $.ajax({
               type: "POST",
               url: "remove_unwanted_files.php",
               data: "nameImage="+data1+"&idImage="+data2,
               success: function(msg){
                alert( "Data Saved: " + data1 + " " + data2);

                            //Code for Anything you want

               }
             });

Answer 3

好的，嘗試類似以下內容

更改

    echo '<li class = "searchAbc"><a class="button" href="#"/>'.$i.'</a></li> </ul>';

至

    echo '<li class = "searchAbc"><a class="button" href="#" onClick="ajax_abc(\''.$i.'\')"/>'.$i.'</a></li> </ul>';

然后放入您的JavaScript

    function ajax_abc(abc) {

    var url = 'index.php?option=com_glossary&task=abc';
    data = 'val=' +  abc + '&' + 'format=raw';

    //... Add jQuery.load() codes here ...

    }