1

ボタンをクリックしたときにWebページのコンテンツの一部を変更したいのですが。ただし、変更したいコンテンツにはフォーマット自体が含まれているため、コンテンツを別のドキュメントに含めることをお勧めします。

私はそれをこのように見せたいのですが、私はどんな解決策でも大丈夫です:

<html>
<head>
<script type="text/javascript">
function swap() {
  document.getElementById('toChange').innerHTML = '<!--#include virtual="../newContent.htm"-->';
}
</script>
</head>
<body>
<span id="toChange">Temp Text</span>
<input type="button" onclick="swap()" value="Change" />
</body>
</html>

問題は明らかにswap()のincludeステートメントにありますが、適切に変更する方法がわかりません。ありがとう。

4

2 に答える 2

1

基本的に、サーバーサイドインクルードはこのコンテキストでは機能しません。AJAXリクエストに頼る必要があります。

のタグを付けていませんが、舞台裏で何が行われているのかを読むことができます。

function swap() {
    $('#toChange').load('../newContent.htm');
}

jQuery.load()../newContent.htmAJAX呼び出しを使用してコンテンツを読み取り、そのHTMLをtoChangeスパン内に格納します。

于 2012-12-17T03:16:29.597 に答える
0

私の知る限り、あなたのリクエストにはおそらくJSONとAJAXが必要になるでしょう。新しいリクエストを行わずにデータコンテンツを変更することが、JSONとAJAXが主に使用されるものであることを私は知っています。リロードせずにページを動的に更新します。JSONはJavascriptに組み込まれているため、実際には正しいパスを使用できます。うまくいけば、それはいくらか役立つでしょう。

于 2012-12-17T03:12:49.270 に答える