使用Javascript / jQuery打開簡單的PHP文件

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

嘗試ajax如下：

$.ajax({

    url:"your-phpfile.php",

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

在此之前請記住包括jquery庫。

Answer 2

您可以使用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

Answer 3

您可以使用jQuery .load（）方法：

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

這應該將刪除<div>的內容加載到舊的<div> 。

---

這個怎么運作：

• 位$('#username')將在頁面中選擇id為username的元素。
• 傳遞字符串時，load方法將嘗試從遠程位置加載HTML，並按空格分割字符串。 （在內部，它將在URL上使用$.get ）
• URL后面的#username位將應用於提取的HTML。 （空間很重要）

這段代碼使用了jQuery庫 ！ 我在jQuery中回答，因為它是標簽之一。