Метод jQuery .ajax ()

Question

Я новичок в методе jQuery AJAX ajax (). Я успешно создал функцию AddATeacher(), которая вызывается, потому что все предупреждающие сообщения всплывают. Однако метод ajax () внутри функции не работает. Я знаю это, потому что addATeacherInsert.php не загружается.

Я получил его для работы под Firefox, но не на Chrome. Однако он работает только в Firefox, когда в конце кода появляется предупреждающее сообщение: alert ("Exiting myJQFunctions...");, иначе оно перестает работать вместе. Я хотел бы, чтобы это работало, когда я закомментировал предупреждающее сообщение в конце файла. Как я могу решить это?

function AddATeachers()
{
    var tFirstName     = $('#teachers_first_name').attr('value');  
    var tLastName     = $('#teachers_surname').attr('value');  

    alert ("Entering myJQFunctions...");
    alert ("Teachers first name is: " + tFirstName);

    $.ajax({  
       type: "GET",  
       url: "../pgs/addATeacherInsert.php", 
       data: "tFirstName="+ tFirstName +"&tLastName="+ tLastName,  
       success: function(html){$("#Ajax_response").html(html);}  
    });  

    // works well under firefox but shows alert
    // doesnt work at all if commented out.
    alert ("Exiting myJQFunctions...");    
}

Answer 1

Функции Ajax заканчиваются только после получения ответа от сервера.

function AddATeachers()
{

    var tFirstName     = $('#teachers_first_name').attr('value');  
    var tLastName     = $('#teachers_surname').attr('value');  

    alert ("Entering myJQFunctions...");
    alert ("Teachers first name is: " + tFirstName);

    $.ajax({  
       type: "GET",  
       url: "../pgs/addATeacherInsert.php?tFirstName="+ tFirstName +"&tLastName="+ tLastName,  
       success: function(html){
          alert(html);                       // alerts the html code returned.
          $("#Ajax_response").html(html);
          alert("Exiting myJQFunctions..."); // Ajax function ends here only.
       }  
   });
}

Answer 2

Ответ на ваш вопрос только

 $.ajax({  
            type: "GET",  
            url: "Enter Full file path", 
            data: "tFirstName="+ tFirstName +"& tLastName="+ tLastName,  
            success: function(html){
                $("#Ajax_response").html(html);}  
        }); 

ты этот чувак ...

Answer 3

Вы можете использовать метод jQuery GET

function AddATeachers() { 
.get('url/phpPage.php', {tFirstName: $('#teachers_first_name').attr('value'), tLastName: $('#teachers_surname').attr('value')}, function(returnData){
$("#Ajax_response").html(returnData);
});
}