0

私はajaxが初めてです。

私はindex.htmlを持っています

<script>
$(document).ready(function(){
  $("button").click(function(){
    $.ajax({url:"n.php",success:function(result){
      $("#div1").html(result);
    }});
  });
});
</script>

<div id="div1" style="margin-left: 25;"></div>
<button>Add Author</button>

n.php

Name:<input type="text" name="txtname">
age:<input type="text" name="txtage">

ページを更新せずに「著者の追加」ボタンをクリックしたときに、index.htmlページに名前と年齢のテキストボックスを追加したいだけですが、上記のコードは名前と年齢のテキストボックスを1回だけロードします。

編集：

別のボタン「作成者を削除」を配置し、正反対のアクション(つまり、両方のテキストボックスを削除)を実行したい場合は、どうすればよいですか? 助けてもらえますか？

検証サーバー側を確認する方法を知りたいですか?

助けてください。

4

3 に答える 3

2

これを変える

$("#div1").html(result);

に

$("#div1").append(result);

ボタンをクリックするたびに、テキストボックスが追加されます。

于 2013-04-04T10:07:35.687 に答える
1

以下を試してください：

<script>
$(document).ready(function(){
  $("button").click(function(){
    $.ajax({url:"n.php",success:function(result){
      $("#div1").append(result);
    }});
  });
});
</script>

appendの代わりに使用しhtmlます。appenddivに存在するコンテンツの最後に応答を追加しますがhtml、現在のコンテンツを置き換えます。

于 2013-04-04T10:09:11.147 に答える
0 
 <script>
   $(document).ready(function(){
   $("button").click(function(){
    $.ajax({url:"n.php",success:function(result){
  $("#div1").append(result);
   }});
   });
  });
  </script>

    <div id="div1" style="margin-left: 25;"></div>
    <button>Add Author</button>
于 2013-04-04T10:15:20.320 に答える