使用Javascript在HTML中解析AJAX响应 [英] Parse AJAX response in HTML using Javascript

问题描述

我在使用Javascript的代码中使用AJAX调用。

I am using AJAX call in my code using Javascript.

function loadFacility(callback)
{
    //alert('In loadFacility');
    var xmlhttp;
    var keys=document.firstCallInformation.facilityselect.value;
    var urls="http://localhost:8080/webfdms/showFirstCallInformation.do?vitalsId=366";
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status == 200)
        {
             //var some=xmlhttp.responseXML.documentElement;
            var response = xmlhttp.responseText;
            console.log(response)
            callback(xmlhttp.responseText);
        }
    }
    xmlhttp.open("GET",urls,true);
    xmlhttp.send(null);
}
function loadFacilityCallback(response){
if(response != null){
    //alert(response);
    console.log(response);
    var div = document.createElement("div");
    div.innerHTML = response;
    document.getElementById("facilityselect").innerHTML = div.querySelectorAll("select#facilityselect");;
}

编辑：
我已更新我的回调函数。但在这里我收到了选择列表作为[对象节点列表]。现在我如何在我的HTML中显示？

I have updated my callback function. But here I received select list as [Object Nodelist]. Now how can I display in my HTML ?

在回调函数中，我收到了HTML的响应，现在我想解析该HTML响应，以便我可以进一步处理它。我使用普通的JavaScript来这样做。如何解析以HTML格式收到的ajax响应？

In callback function I received the response as HTML now I want to parse that HTML response so that I can process it further. I am using plain javascript to do so. How to parse ajax response received as HTML?

推荐答案

创建 DIV 元素并将HTML放入其中 innerHTML 。这将解析它。

Create a DIV element and put the HTML in it innerHTML. That will parse it.

var div = document.createElement("div");
div.innerHTML = response;

现在你可以在 div 中处理它，例如 div.querySelector（ 类名）。要获取所有< select> 标记，请执行以下操作：

Now you can process it in div, e.g. div.querySelector(".classname"). To get all the <select> tags, do:

var selects = div.querySelectorAll("select");

要将其放入您的网页，您可以：

To put it into your webpage, you can do:

document.getElementById("facilityselect").innerHTML = div.querySelector("select#facilityselect").innerHTML

这篇关于使用Javascript在HTML中解析AJAX响应的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！