未捕获的ReferenceError：未定义user_id

Question

what i Need

• I Need to call function from href .

html code

 <a href="#" onclick="peopleattending('.$_COOKIE['user'].', '.$_COOKIE['evnt_id'].');">

js code

         <script>

        $(document).ready(function()
        {

            function peopleattending(user_id,event_id)
            {

                console.log(user_id);
                console.log(event_id);

                 $.ajax({
                    type:"GET",
                    url:"{{get_hash_attend(user_id,event_id) }}", 
                     success: function(data)
                     {
                           $("#attend").text("Attending");



                    }
                });

            }

             peopleattending(user_id,event_id);


         });

        </script>

problem

• problem Uncaught ReferenceError: user_id is not defined in peopleattending(user_id,event_id);
• though im getting values say user_id=112223 and event_id=9.
• where im wrong if passing values in function in url : get_hash_attend(user_id,event_id) same error appears.

Answer 1

user_id and event_id are only defined as parameters within your peopleattending function. when you call the code like this:

peopleattending(user_id,event_id);

Your basically saying

peopleattending(undefined,undefined);    

You could set your variables on pageload within your javascript block instead of within your anchor tag's function reference

<script>
    var _user_id = '<?php $_COOKIE['user'] ?>';
    var _event_id = '<?php $_COOKIE['evnt_id'] ?>';

    $(document).ready(function()
    {
        function peopleattending(user_id,event_id)
        {
             console.log(_user_id);
             console.log(_event_id);

             $.ajax({
                type:"GET",
                url:"{{get_hash_attend(user_id,event_id) }}", 
                success: function(data)
                {
                       $("#attend").text("Attending");
                }
            });

        }

        peopleattending(_user_id,_event_id);

     });
</script>

And then your anchor tag would look like this

<a href="#" onclick="peopleattending(_user_id,_event_id);">

For Symfony:

<script>
    var _user_id = '{% app.request.cookies.get('user') %}';
    var _event_id = '{% app.request.cookies.get('event_id') %}';

I note there was a typo in your question, evnt_id instead of event_id . If this typo is also in your code then you'll need to fix it or change it in the javascript

If your vars are numbers and not strings, you can remove the quotes

<script>
    var _user_id = {% app.request.cookies.get('user') %};
    var _event_id = {% app.request.cookies.get('event_id') %};

If you want to use JQuery to read the cookies directly you can use the Cookie plugin for jQuery

<script>
    var _user_id = $.cookie("user");
    var _event_id = $.cookie("event_id");

Although at this point you could drop the variables and call $.cookie("user") directly anywhere its needed.