用XMLHTTPREQUEST POST响应重新加载页面

Question

我有一个XMLHTTPREQUEST，请求返回给我一个带有要在页面上收费的HTML页面的字符串（HTML包含Js和CSS），但是我不知道该怎么做。这是我的代码：

xhr.onreadystatechange= function(){
      if (xhr.readyState ===4){
        if (xhr.status ===200){
            try{
                var data = JSON.parse(xhr.responseText);
                if(data.success){
                //.......here i obtain the HTML with xhr.repsonse;
                }else{
                    toastAlert(1,data.msg_response);
                }
            }
            catch{
                console.log("......")
            }
        }else{
            toastAlert(1,"......");
        }
      }
    };

Answer 1

您可以使用DOM元素的innerHTML属性来设置将响应字符串解析并添加到DOM。

MDN链接：https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML

示例：

document.getElementById('container').innerHTML = '<div>XHR Response...</div>';

这种方法不会刷新整个页面，但可以让您使用AJAX重新加载一些基本页面内容。我鼓励您看一下Turbolinks项目：https://github.com/turbolinks/turbolinks

干杯。