Загрузить содержимое с помощью ajax

Question

Я новичок в 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 текстовые поля страницы, когда 'Добавить' Автор клики без обновления страницы. Но над кодом загружаются имена и возрастные текстовые поля только один раз. Я хочу это каждый раз при нажатии кнопки.

Edit:

Теперь, если я хочу поставить другую кнопку «удалить автор», и хочу выполнить прямо противоположное действие (то есть), удалить как textboxes.what я должен делать? может у, пожалуйста, помогите?

и хотите знать, как я могу проверить сервер проверки?

Пожалуйста, помогите.

Answer 1

Изменить этот

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

в

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

Так каждый раз вы нажмете на кнопку она будет добавлять в текстовые поля.

Answer 2

попробуйте следующее:

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

использования append вместо html. append добавит ответ в конце любого содержимого, содержащегося в div, где html заменит настоящий контент.

Answer 3

<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>