無法分析其余部分:“${profiles['user']}”中的“${profiles['user']}”

    const data = '{{ search_user }}'
    const rdata = JSON.parse(data.replace(/"/g, '"'))
    const input = document.getElementById('user-input_products')

    let filteredArr = []

    input.addEventListener('keyup', (e)=>{
        box.innerHTML = ""
        filterMax = (fn, c) => x => c && fn(x) && c--
        filter = profiles=> profiles['full_name'].includes(e.target.value)
        max = 30
        filteredArr = rdata.filter(filterMax(filter, max))
        if (filteredArr.length > 0) {
            filteredArr.map(profiles=>{
                box.innerHTML += `<li><a href="{% url 'user_num' ${profiles['user']} %}">${profiles['full_name']}</a></li>`
            })
        } else {
            box.innerHTML = "No result found"
        }
    })

當(dāng)我想將id傳遞給innerHTML內(nèi)部的django url時(shí),會(huì)出現(xiàn)以下錯(cuò)誤:

Could not parse the remainder: '${profiles["user"]}' from '${profiles["user"]}'

我怎樣才能解決這個(gè)問題?

rdata:
[
  {
    "user": 28,
    "full_name": "John"
  },
  {
    "user": 35,
    "full_name": "Robert"
  },
  {
    "user": 37,
    "full_name": "Mary"
  },
  {
    "user": 38,
    "full_name": "Jennifer"
  },
]
? 最佳回答:

不能像這樣將服務(wù)器端Python代碼與前端javascript代碼混合使用。Django模板將${profiles['user']}視為一個(gè)簡(jiǎn)單字符串。要解決此問題,您可以將路徑前綴存儲(chǔ)在JS變量中,并將用戶鏈接與JS模板文字相結(jié)合:

const path_prefix = "{% url 'user_num' %}"
const data = '{{ search_user }}'
const rdata = JSON.parse(data.replace(/&quot;/g, '"'))
const input = document.getElementById('user-input_products')

let filteredArr = []

input.addEventListener('keyup', (e)=>{
    box.innerHTML = ""
    filterMax = (fn, c) => x => c && fn(x) && c--
    filter = profiles=> profiles['full_name'].includes(e.target.value)
    max = 30
    filteredArr = rdata.filter(filterMax(filter, max))
    if (filteredArr.length > 0) {
        filteredArr.map(profiles=>{
            box.innerHTML += `<li><a href="${path_prefix}${profiles['user']}">${profiles['full_name']}</a></li>`
        })
    } else {
        box.innerHTML = "No result found"
    }
})

如果user_num視圖函數(shù)的路徑為user_num/,則${path_prefix}${profiles['user']}將產(chǎn)生例如user_num/28。如果user_num函數(shù)需要參數(shù),您可能需要?jiǎng)?chuàng)建一個(gè)新的URL定義,或者您可以直接輸入實(shí)際路徑,例如:user_num/${profiles['user']}

主站蜘蛛池模板: 亚洲日本va午夜中文字幕一区| 中文字幕一区二区三区久久网站 | 久久精品一区二区三区不卡| 亚洲国产日韩在线一区| 一区二区三区久久精品| 久久国产精品最新一区| 日韩精品一区二区三区视频| 精品国产一区AV天美传媒| 亚洲一区二区三区偷拍女厕| 国产在线第一区二区三区| 亚洲综合av一区二区三区| 无码国产精品一区二区免费vr| 亚洲性日韩精品一区二区三区| 国产伦精品一区二区三区不卡| 一区二区在线视频| 美女毛片一区二区三区四区| 亚洲一区二区三区影院 | 中文字幕乱码人妻一区二区三区| 在线视频精品一区| 韩日午夜在线资源一区二区 | 久久精品一区二区三区不卡| 国产亚洲情侣一区二区无码AV| 亚洲AV无码一区二区三区在线观看 | 国产情侣一区二区| 国产一区高清视频| 精品人妻少妇一区二区三区| 精品视频一区二区三区| 精品亚洲综合在线第一区| 无码午夜人妻一区二区三区不卡视频| 久久亚洲国产精品一区二区| 久久久精品人妻一区二区三区四| 亚洲蜜芽在线精品一区| 国产精品无码一区二区三区毛片 | 看电影来5566一区.二区| 一区二区在线电影| 视频一区二区精品的福利| 色老板在线视频一区二区| 国产美女在线一区二区三区| 免费看无码自慰一区二区| 精品久久一区二区| 精品日韩一区二区三区视频|