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" |
總結
以上是生活随笔為你收集整理的php修改html,关于html:用PHP设置innerHTML?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: php酒店预定,php酒店查询预约系统
- 下一篇: php 单元测试分享,今日分享:代码整洁