QA@IT
«回答へ戻る

回答を投稿

パッチが受け入れられないので、シンタックスハイライトを修正してコードを再掲しておきます。

【送信元ソースコード(index.html)】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script src="jquery-2.0.2.js"></script>

<script type="text/javascript">
$(function(){
  $('#button').on("click",sayhello);

  function sayhello(){
    $.ajax({
      type: 'POST',
      url: "hello.php",
      data: $('form').serialize(),
      success: function(data) {
        $('#input_form').html(data);
      }
    });
  }
});
</script>
</head>

<body>

  <section id="input_form">
    <form id="form">
      <input type="text" name="name" id="name" />
      <input id="button" type="button" value="入力内容を確認する" />
    </form>
  </section>

</body>
</html>

【送信先ソースコード(hello.php)】

<?php
echo $_POST['name'];
echo '<br>';
?>

<form id="form">

<input type="text" name="name" id="name" />
<input id="button" type="button" value="入力内容を確認する" />

</form>
パッチが受け入れられないので、シンタックスハイライトを修正してコードを再掲しておきます。

【送信元ソースコード(index.html)】
```html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script src="jquery-2.0.2.js"></script>

<script type="text/javascript">
$(function(){
  $('#button').on("click",sayhello);

  function sayhello(){
    $.ajax({
      type: 'POST',
      url: "hello.php",
      data: $('form').serialize(),
      success: function(data) {
        $('#input_form').html(data);
      }
    });
  }
});
</script>
</head>

<body>

  <section id="input_form">
    <form id="form">
      <input type="text" name="name" id="name" />
      <input id="button" type="button" value="入力内容を確認する" />
    </form>
  </section>

</body>
</html>
```

【送信先ソースコード(hello.php)】
```php
<?php
echo $_POST['name'];
echo '<br>';
?>

<form id="form">

<input type="text" name="name" id="name" />
<input id="button" type="button" value="入力内容を確認する" />

</form>
```