Pass a template variable to django url using jquery











up vote
1
down vote

favorite












Is it possible to pass a template variable to a django url with jquery? I've tried the standard way of passing the parameter to the django url, but I get a no reverse match.



Javascript



<button id = "testid" href = "{%url 'test:justatest' id=8}">Click here for something</button>

<script type="text/javascript">
var btn = $('#testid');

btn.click(function (e) {
var goto = $(this).attr('href');
e.preventDefault();

$.ajax({
url: goto,
type: "GET",
success: function(data){
console.log(data);
alert(data);
}});
});

</script>


urls.py



path('test/<int:id>',views.TestDetail.as_view(),name="justatest")


I also tried this based off
this post but I just get a 404.



<button id = "testid" href = "{%url 'test:justatest'%?id=8}">Click here for something</button>

<script type="text/javascript">
var btn = $('#testid');

btn.click(function (e) {
var goto = $(this).attr('href');
e.preventDefault();

$.ajax({
url: goto,
type: "GET",
success: function(data){
console.log(data);
alert(data);
}});
});

</script>









share|improve this question






















  • I think the right way to write the url would be "{%url 'justatest' '8'}". But consider passing the id via your view.
    – filtfilt
    Nov 4 at 10:10

















up vote
1
down vote

favorite












Is it possible to pass a template variable to a django url with jquery? I've tried the standard way of passing the parameter to the django url, but I get a no reverse match.



Javascript



<button id = "testid" href = "{%url 'test:justatest' id=8}">Click here for something</button>

<script type="text/javascript">
var btn = $('#testid');

btn.click(function (e) {
var goto = $(this).attr('href');
e.preventDefault();

$.ajax({
url: goto,
type: "GET",
success: function(data){
console.log(data);
alert(data);
}});
});

</script>


urls.py



path('test/<int:id>',views.TestDetail.as_view(),name="justatest")


I also tried this based off
this post but I just get a 404.



<button id = "testid" href = "{%url 'test:justatest'%?id=8}">Click here for something</button>

<script type="text/javascript">
var btn = $('#testid');

btn.click(function (e) {
var goto = $(this).attr('href');
e.preventDefault();

$.ajax({
url: goto,
type: "GET",
success: function(data){
console.log(data);
alert(data);
}});
});

</script>









share|improve this question






















  • I think the right way to write the url would be "{%url 'justatest' '8'}". But consider passing the id via your view.
    – filtfilt
    Nov 4 at 10:10















up vote
1
down vote

favorite









up vote
1
down vote

favorite











Is it possible to pass a template variable to a django url with jquery? I've tried the standard way of passing the parameter to the django url, but I get a no reverse match.



Javascript



<button id = "testid" href = "{%url 'test:justatest' id=8}">Click here for something</button>

<script type="text/javascript">
var btn = $('#testid');

btn.click(function (e) {
var goto = $(this).attr('href');
e.preventDefault();

$.ajax({
url: goto,
type: "GET",
success: function(data){
console.log(data);
alert(data);
}});
});

</script>


urls.py



path('test/<int:id>',views.TestDetail.as_view(),name="justatest")


I also tried this based off
this post but I just get a 404.



<button id = "testid" href = "{%url 'test:justatest'%?id=8}">Click here for something</button>

<script type="text/javascript">
var btn = $('#testid');

btn.click(function (e) {
var goto = $(this).attr('href');
e.preventDefault();

$.ajax({
url: goto,
type: "GET",
success: function(data){
console.log(data);
alert(data);
}});
});

</script>









share|improve this question













Is it possible to pass a template variable to a django url with jquery? I've tried the standard way of passing the parameter to the django url, but I get a no reverse match.



Javascript



<button id = "testid" href = "{%url 'test:justatest' id=8}">Click here for something</button>

<script type="text/javascript">
var btn = $('#testid');

btn.click(function (e) {
var goto = $(this).attr('href');
e.preventDefault();

$.ajax({
url: goto,
type: "GET",
success: function(data){
console.log(data);
alert(data);
}});
});

</script>


urls.py



path('test/<int:id>',views.TestDetail.as_view(),name="justatest")


I also tried this based off
this post but I just get a 404.



<button id = "testid" href = "{%url 'test:justatest'%?id=8}">Click here for something</button>

<script type="text/javascript">
var btn = $('#testid');

btn.click(function (e) {
var goto = $(this).attr('href');
e.preventDefault();

$.ajax({
url: goto,
type: "GET",
success: function(data){
console.log(data);
alert(data);
}});
});

</script>






jquery django






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 4 at 9:48









Riyaaz-0

309317




309317












  • I think the right way to write the url would be "{%url 'justatest' '8'}". But consider passing the id via your view.
    – filtfilt
    Nov 4 at 10:10




















  • I think the right way to write the url would be "{%url 'justatest' '8'}". But consider passing the id via your view.
    – filtfilt
    Nov 4 at 10:10


















I think the right way to write the url would be "{%url 'justatest' '8'}". But consider passing the id via your view.
– filtfilt
Nov 4 at 10:10






I think the right way to write the url would be "{%url 'justatest' '8'}". But consider passing the id via your view.
– filtfilt
Nov 4 at 10:10














1 Answer
1






active

oldest

votes

















up vote
0
down vote













I do not have experience with passing arguments like that using JS. But Looking at your code I recommend you try adding the % at the end of your statement:



“{% url ‘test:justatest’ id=8 %}”


Tell me how that goes!






share|improve this answer





















    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














     

    draft saved


    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53139515%2fpass-a-template-variable-to-django-url-using-jquery%23new-answer', 'question_page');
    }
    );

    Post as a guest
































    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes








    up vote
    0
    down vote













    I do not have experience with passing arguments like that using JS. But Looking at your code I recommend you try adding the % at the end of your statement:



    “{% url ‘test:justatest’ id=8 %}”


    Tell me how that goes!






    share|improve this answer

























      up vote
      0
      down vote













      I do not have experience with passing arguments like that using JS. But Looking at your code I recommend you try adding the % at the end of your statement:



      “{% url ‘test:justatest’ id=8 %}”


      Tell me how that goes!






      share|improve this answer























        up vote
        0
        down vote










        up vote
        0
        down vote









        I do not have experience with passing arguments like that using JS. But Looking at your code I recommend you try adding the % at the end of your statement:



        “{% url ‘test:justatest’ id=8 %}”


        Tell me how that goes!






        share|improve this answer












        I do not have experience with passing arguments like that using JS. But Looking at your code I recommend you try adding the % at the end of your statement:



        “{% url ‘test:justatest’ id=8 %}”


        Tell me how that goes!







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 4 at 11:08









        Felix

        597




        597






























             

            draft saved


            draft discarded



















































             


            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53139515%2fpass-a-template-variable-to-django-url-using-jquery%23new-answer', 'question_page');
            }
            );

            Post as a guest




















































































            這個網誌中的熱門文章

            Tangent Lines Diagram Along Smooth Curve

            Yusuf al-Mu'taman ibn Hud

            Zucchini