php - 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.
       }  
   });
}