如何运行依赖于另一个XMLHttpRequest的XMLHttpRequest?

时间:2020-09-29 13:45:09

标签: javascript django ajax

我正在建立一个社交媒体网站,上面有帖子和帖子评论。 使用XMLHttpRequest(带有Django,Python后端)请求帖子和评论

这是我的帖子加载代码:

const xhr = new XMLHttpRequest()
const method = 'GET'
const responseType = 'json'
const url = '/posts'
xhr.responseType = responseType
xhr.open(method, url)
xhr.onload = function() {
    const serverResponse = xhr.response
    onst listItems = serverResponse
    for(var i = 0; i < listItems.length; i++){
        var postObj = listItems[i]
        var currentItem = formatPostElement(postObj)
        finalPostStr += currentItem // with additional HTML code
    }
    postsElement.innerHTML = finalPostStr
}
        
xhr.send() // trigger the request

这是我用于加载评论的代码:

        const xhr = new XMLHttpRequest()
        const method = 'GET'
        const responseType = 'json'
        const url = '/comments' + post_id
        xhr.responseType = responseType
        xhr.open(method, url)
        var input = ''
        xhr.load = function() {
            const serverResponse = xhr.response
            const commentItems = serverResponse
            for(var q = 0; q < commentItems.length; q++){
                input += commentItems[q].content
            }
            commentContainerElement.innerHTML = input
            console.log(input)

        }
        xhr.send()

帖子代码捕获数据库中可用的每个帖子。评论代码捕获与post_id帖子相关的所有评论。那么如何运行评论请求代码并在每个帖子中都显示它?

0 个答案:

没有答案