How to pass javascript variable in ajax django url

Question

   <script>

        $(document).ready(function () {
            $(window).on('beforeunload', function () {
                $.ajax({
                    // type: 'GET',
                    url: "{% url 'size_reducer:data_delete' id %}",
                    dataType: 'json',
                    success: function (data) {
                        console.log('ok');

                    }
                })
            });
        });
    </script>

I want to pass id in ajax URL but it is giving me an error because it's not getting id

Rahul · Accepted Answer · 2020-11-03 14:34:23Z

2

you cannot use django url tag in ajax like this. your url should be something like

url: "/<path_to_data_delete>/" + id

So first save the id in javascript variable and append the variable to url string as per your declared url.

Remember not to use the domain name before /<path_to_data_delete>. If you are running site on local server, skip the domain name. i.e http://127.0.0.1:8000.

answered Nov 3, 2020 at 14:34

Rahul

3472 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rahul Patel Over a year ago

suppose id is my javascript variable, how can I access the javascript variable inside the ajax

Keiken · Accepted Answer · 2020-11-05 09:06:23Z

2

You can use Template literals to pass Javascript variable

<script>
$.ajax({
  // Can use django url if using <script> tag inside template
  url: `{% url 'size_reducer:data_delete' ${id} %}`, 
  dataType: 'json',
  success: function (data) {
     console.log('ok');
  }
})
</script>

edited Nov 5, 2020 at 9:06

answered Nov 3, 2020 at 12:25

Keiken

515 bronze badges

Collectives™ on Stack Overflow

How to pass javascript variable in ajax django url

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related