Открытый простой PHP-файл с Javascript/jQuery

Question

У меня есть файл PHP на моем сервере, который хранит одну строку <div id="username">my.username</div>. URL-адрес: http://intranet/text.php.

Я хотел бы использовать jQuery/Javascript для чтения этого файла и получения этого значения элемента.

Я попытался собрать что-то вместе , но не знаю, как открыть файл с помощью JS.

'use strict'; 

var template = '<div id="username">replace-me</div>'; 

var output = document.createElement('div'); 

output.innerHTML = template; 
output.querySelector('#username').innerHTML = 'get replaced'; 

console.log(output.innerHTML); 

Answer 1

Вы можете использовать jQuery .load() метод:

$('#username').load('http://intranet/text.php #username'); 

Это должно загрузить содержимое, удаляющие <div> в ваш старый <div>.

---

Как это работает:

• Бит $('#username') будет выбрать элемент с идентификатором username внутри вашей страницы.
• Метод загрузки, когда вы передаете строку, попытается загрузить HTML из удаленного места, разделив строку на пробел. (Внутри он будет использовать $.get по URL-адресу)
• Бит #username после URL будет применяться к выбранному HTML. (Пространство важно)

Этот код использует jQuery library! Я ответил в jQuery, так как это один из тегов.

Answer 2

Try Аякс следующим образом:

$.ajax({ 

    url:"your-phpfile.php", 

    success:function(data) 
    { 
      //data 'll hold the output of the php file 
    } 
}) 

Помните, прежде чем делать это, включает библиотеку Jquery.

Answer 3

Вы можете использовать AJAX для извлечения PHP-файла, подобного этому.

var template = null; 
var req = new XMLHttpRequest(); 
req.open('GET', 'http://intranet/text.php', true); 
req.onreadystatechange = function (data) { 
    if (req.readyState == 4) { 
    if(req.status == 200){ 
     template = data.responseText; 
     var output = document.createElement('div'); 

     output.innerHTML = template; 
     output.querySelector('#username').innerHTML = 'get replaced'; 

     console.log(output.innerHTML); 
    } 
    else{ 
     dump("An error occured"); 
    } 
    } 
}; 
req.send(null); 

Этот код в чистом JS, потому что я видел, что вы не работали с JQuery