php修改html,关于html：用PHP设置innerHTML？

因此，基本上，我有一个程序，该程序在页面顶部将标头(id =" infoHeader")设置为从另一个站点检索到的某些文本。 但是，我需要在按下按钮时进行更改。 如您所见，它当前使用PHP脚本从给定URL提取文本，但是当按下按钮时，我需要从其他URL提取。 所以基本上

按下Button1-> infoHeader =网站1文字

Button2按-> infoHeader =网站2文本

有没有一种方法可以使用按钮来更改[id =" infoHeader"]的innerHTML，以便它运行PHP脚本来获取文本。

如果需要，我很难解释，可以尝试提供更多信息。

KSA Flight Tracker

Active Missions

您可能必须为此使用javascript

但是我需要运行此PHP脚本来获取文本，因此如何使用javascript运行它？

您需要使用JavaScript + AJAX。 加载/呈现页面后，需要JavaScript来更改div的内容，并且需要AJAX来加载PHP文件，而无需刷新网页。

我建议您使用jQuery及其ajax函数。

KSA Flight Tracker

$(document).ready(function() { // wait for the DOM to finish loading

// button1

$("#someID").click(function() { // element with id"someID" (your button)

$.ajax({

url:"getData.php", // the content of the page which you want to load

cache: false

}).done(function(dataFromServer) {

$("#infoHeader").html(dataFromServer); // set the data from the server (getData.php) as the content of the element with the id"infoHeader"

});

}):

// button2

// the same as above for the other button

});

Active Missions

对于您的问题：

更改div的内容-jQuery

http://api.jquery.com/jquery.ajax/

以下是一些有关JavaScript，jQuery和AJAX的良好资源：

JavaScript：https：//developer.mozilla.org/en-US/docs/Web/JavaScript

jQuery：http://en.wikipedia.org/wiki/JQuery

jQuery：http：//www.w3schools.com/jquery/

jQuery：http：//www.codecademy.com/en/tracks/jquery

jQuery + AJAX：http：//www.w3schools.com/jquery/jquery_ajax_intro.asp

我只是对所有这一切做了一个快速的谷歌搜索，但我真的不知道该怎么做。 (我昨天才刚开始HTML，CSS和PHP的学习-我很快就学习了，但是我被困住了)。那么我将如何使用它来用ajax更改文本？

好的，所以我尝试通读此书，但我仍然不明白应该做的事情。我放在哪里？需要更改什么才能使其与我的程序一起使用？就像我说的-我是新手，直到30分钟前甚至从未听说过AJAX或jQuery。

我添加了两个链接供您阅读。

我尝试阅读它们，但它也可能是日语-我对此毫无意义。

谢谢codeacademy网站真的很有用

用示例更新了我的答案。

谢谢，这对您有很大帮助，但是我可以通过使用这些文字来弄清对其进行更改所需的内容。点击检测元素的ID：" someID" |具有功能的文件：" getData.php" | PHP函数：" getTitle(URL)" |更改文本：" infoHeader" |