1

AJAX を使用して div の内容を置き換えたいと考えています。アプリケーションはかなり複雑ですが、最初に基本的な概念を機能させることができるように、それを個別に説明してみました。

今のところ、PHPファイルに従ってdivを置き換えたいだけです...

<?php 
$id = $_GET['id'];
if ($id = 1)
    {
        $text = 'This is some text';
    }
elseif ($id = 2) {
    {
        $text = 'This is a lot more text than the first text!';
    }
elseif ($id = 3) {
    {
        $text = 'This is a lot more text than the first text, and a load more than the third as well!!';
    }
echo $text; 
?>

かなり単純なもの。これが私のHTMLファイルです...

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }


xmlhttp.open("GET","ajax.php",true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="myDiv">I want this content replacing</div>
<a href="#" onclick="loadXMLDoc()">ID: 1</a><br>
<a href="#" onclick="loadXMLDoc()">ID: 2</a><br>
<a href="#" onclick="loadXMLDoc()">ID: 3</a>
</body>
</html>

オンラインで見つけたものをいくつか変更したため、そこにあるものは決して機能しないことを認識していますが、基本的には、リンク内の ID などの変数を AJAX スクリプトに渡して、div の内容を置き換えようとしています。

これを機能させるにはどうすればよいですか？<a>タグを使用するより良い方法はありますか?

4

4 に答える 4

0

そのためにajaxを使用する必要はありません。条件で次を使用するだけです。ヘッダーで jquery js ファイルを呼び出すことを忘れないでください。そうしないと、jquery が機能しません。

echo '<script>$("#myDiv").html("This is some text")</script>';
于 2013-10-15T09:27:33.093 に答える
0

HTML コンテンツを ajax 呼び出しからの応答に置き換える一般的な形式:

$.ajax({
  url: yourUrl,
  method: 'get', // or 'post'
  success: function (response) {
      $('#myDiv').html(response);
  }
  // other ajax options here if you need them
});
于 2013-10-14T17:44:33.547 に答える