Question

I am having an issue trying to set the data name or the objects being passed in. I am writing a system that uses AJAX to send requests to the server which then returns the necessary data. However, I am trying to make things generic to where if the developer adds more “slates” then it will automatically send the request on its behalf. The code looks as following:

        $(document).ready(function() {
           $(".slate").each(function(){

               $.get("requests.php", { $(this).attr('name') : "true" }, function(data){

               }); 
           }); 
        });

in other words it takes the name of the element and applies it to the query string. JavaScript doesn’t seem to like the

        $(this).attr('name')

in the syntax which is understandable since it expects just text (not a var or a string). Is there a way to make this work? Any help is greatly appreciated!

Answer 1

    $(document).ready(function() {
       $(".slate").each(function(){
           var data = {};
           data[$(this).attr('name')] = "true";
           $.get("requests.php", data, function(data){

           }); 
       }); 
    });