我想从ajax加载页面执行javascript

Question

I don't know how to do, to execute Javascript loaded inside an ajax page. That's my loaded ajax page : https://jsfiddle.net/4dsbry7j/

JS :

var xmlhttp = new XMLHttpRequest();
var url = "http://localhost/ajax/find2.php";

xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        myFunction(xmlhttp.responseText);
    }
}
xmlhttp.open("GET", url, true);
xmlhttp.send();
function myFunction(response) {
"<center>"
    var arr = JSON.parse(response);
    var i;
    var out = "";

    for(i = 0; i < arr.length; i++) {
        out +=
        "<a href='gallery.html'><img src='" + arr[i].avatar + "' style='max-height: 32%; max-width: 32%'/></a>" +
        arr[i].username + "<br> </br>"
    }
    out += "</table>";
    document.getElementById("gps").innerHTML = out;
}
"</center>"

When i load it, nothing appears... How can i do?

Thank you, Alexis

Answer 1

You have an error in the code:

function myFunction(response) {
"<center>" // Wrong syntax. Remove that.
    var arr = JSON.parse(response);

Please remove the line marked above. The syntax is wrong and it won't work.

Answer 2

if you want to use center tag then use like

function myFunction(response) {
    var out ="<center>"
        var arr = JSON.parse(response);
        var i;

        for(i = 0; i < arr.length; i++) {
            out +="<a href='gallery.html'><img src='" + arr[i].avatar + "' style='max-height: 32%; max-width: 32%'/></a>" +
            arr[i].username + "<br> </br>"
        }
        out += "</table></center>";
        document.getElementById("gps").innerHTML = out;
    }

Answer 3

document.getElementById("gps").innerHTML = out;

似乎没有ID为“ gps”的元素-至少控制台就是这样说的