Я хотел бы выполнить javascript с загруженной страницы ajax

Question

Я не знаю, как это сделать, чтобы выполнить Javascript, загруженный внутри страницы ajax. Это мой нагруженный Аякса страница: 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>" 

Когда я загрузить его, ничего не появляется ... Как я могу это сделать?

Спасибо, Алексис

Answer 1

У вас ошибка в коде:

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

Пожалуйста, удалите строку, отмеченную выше. Синтаксис неправильный, и он не будет работать.

Answer 2

, если вы хотите использовать центральную метку затем использовать как

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;

там не кажется, элемент с идентификатором «GPS» - по крайней мере, это то, что консоль говорит