php修改html,关于html:用PHP设置innerHTML?
因此,基本上,我有一個(gè)程序,該程序在頁(yè)面頂部將標(biāo)頭(id =" infoHeader")設(shè)置為從另一個(gè)站點(diǎn)檢索到的某些文本。 但是,我需要在按下按鈕時(shí)進(jìn)行更改。 如您所見(jiàn),它當(dāng)前使用PHP腳本從給定URL提取文本,但是當(dāng)按下按鈕時(shí),我需要從其他URL提取。 所以基本上
按下Button1-> infoHeader =網(wǎng)站1文字
Button2按-> infoHeader =網(wǎng)站2文本
有沒(méi)有一種方法可以使用按鈕來(lái)更改[id =" infoHeader"]的innerHTML,以便它運(yùn)行PHP腳本來(lái)獲取文本。
如果需要,我很難解釋,可以嘗試提供更多信息。
KSA Flight Tracker
Active Missions
您可能必須為此使用javascript
但是我需要運(yùn)行此PHP腳本來(lái)獲取文本,因此如何使用javascript運(yùn)行它?
您需要使用JavaScript + AJAX。 加載/呈現(xiàn)頁(yè)面后,需要JavaScript來(lái)更改div的內(nèi)容,并且需要AJAX來(lái)加載PHP文件,而無(wú)需刷新網(wǎng)頁(yè)。
我建議您使用jQuery及其ajax函數(shù)。
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
對(duì)于您的問(wèn)題:
更改div的內(nèi)容-jQuery
http://api.jquery.com/jquery.ajax/
以下是一些有關(guān)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
我只是對(duì)所有這一切做了一個(gè)快速的谷歌搜索,但我真的不知道該怎么做。 (我昨天才剛開(kāi)始HTML,CSS和PHP的學(xué)習(xí)-我很快就學(xué)習(xí)了,但是我被困住了)。那么我將如何使用它來(lái)用ajax更改文本?
好的,所以我嘗試通讀此書(shū),但我仍然不明白應(yīng)該做的事情。我放在哪里?需要更改什么才能使其與我的程序一起使用?就像我說(shuō)的-我是新手,直到30分鐘前甚至從未聽(tīng)說(shuō)過(guò)AJAX或jQuery。
我添加了兩個(gè)鏈接供您閱讀。
我嘗試閱讀它們,但它也可能是日語(yǔ)-我對(duì)此毫無(wú)意義。
謝謝codeacademy網(wǎng)站真的很有用
用示例更新了我的答案。
謝謝,這對(duì)您有很大幫助,但是我可以通過(guò)使用這些文字來(lái)弄清對(duì)其進(jìn)行更改所需的內(nèi)容。點(diǎn)擊檢測(cè)元素的ID:" someID" |具有功能的文件:" getData.php" | PHP函數(shù):" getTitle(URL)" |更改文本:" infoHeader" |
總結(jié)
以上是生活随笔為你收集整理的php修改html,关于html:用PHP设置innerHTML?的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: php酒店预定,php酒店查询预约系统
- 下一篇: php 单元测试分享,今日分享:代码整洁