Question 69814 in Ajax Question posted in
You can find the official documentation here.

Append table with Django URL tag JQuery – Jquery ajax

I have a table I am appending with user details and want to add a Django URL tag to the row and grab the primary key in the tag.

something like this:

function putTableData(response) {
    let row;
    $("#table_body").html("");
    if (response["data"].length > 0) {
        $.each(response["data"], function (a, b) {
            row = `<tr>
                        <td>${b["first_name"]} ${b["last_name"]}</td                               
                        <td>${b["phone"]}</td>                   
                        <td>
                            <a onclick='console.log("${b["pk"]}")' data-url="{% url 'users:edit' user.${b["pk"]} %}">
                            </a>                     
                        </td>
                    </tr>`;

                $("#table_body").append(row)

The onclick console log is printing the users primary key, but when I try to add the data url tag, I get "Could not parse the remainder ${b["pk"]}

How would I make this work?

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    I was able to solve with:

    function putTableData(response) {
let row;
$("#table_body").html("");
if (response["data"].length > 0) {
    $.each(response["data"], function (a, b) {
        row = `<tr>
                    <td>${b["first_name"]} ${b["last_name"]}</td                               
                    <td>${b["phone"]}</td>                   
                    <td>
                        <a data-url="/users/${b["pk"]}/edit">
                        </a>                     
                    </td>
                </tr>`;

            $("#table_body").append(row)

  2. 0

    Try this:

    $.each(response["data"], function (a, b) {
    data_url = "{% url 'users:edit' 1 %}".replace(1, b["pk"])
    row = `<tr>
                    <td>${b["first_name"]} ${b["last_name"]}</td                               
                    <td>${b["phone"]}</td>                   
                    <td>
                        <a onclick='console.log("${b["pk"]}")' data-url="+data_url+">
                        </a>                     
                    </td>
                </tr>`;

    $("#table_body").append(row)
});
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search