后臺(tái)輸出一個(gè)圖片地址就行了，前端動(dòng)態(tài)添加，文字就更簡(jiǎn)單了。

如有接口：

/api/getInfo?type={image|text}

返回結(jié)果為圖片地址或文字。

接口解釋：

傳入type=image，獲取到圖片地址

傳入type=text，獲取到文字

如有以下HTML：

<img?id="imageContainer"?/>
<span?id="textContainer"></span>
<button?id="getImageInfo">獲取圖片</button>
<button?id="getTextInfo">獲取文字</button>

給 button#getImageInfo 和 button#getTextInfo?寫事件，用jquery：

$("button#getImageInfo").click(function(){
????$.getJSON("/api/getInfo",{type:"image"},function(result){
????????$("img#imageContainer").attr("src",result);
????});
});
$("button#getTextInfo").click(function(){
????$.getJSON("/api/getInfo",{type:"text"},function(result){
????????$("span#textContainer").text(result);
????});
});

使用ajax向后臺(tái)發(fā)送請(qǐng)求，將返回的東西替換掉靜態(tài)頁面上的內(nèi)容。