How to Use jQuery Ajax Call in PHP Script – Info PHP

beforeSend: When we send a request to the server then before that the beforeSend function will excute.

  1.  language=“javascript”>  
  2.   
  3.    $(“#btn”).live(“click”,function(){  
  4.       var fname = $(“#fname”).val();  
  5.       var lname = $(“#lname”).val();  
  6.       $.ajax({  
  7.          type:“POST”,  
  8.          url:“demo.php”,  
  9.          data:“fname=”+fname++lname,  
  10.          beforeSend: function(data){  
  11.             alert(“this test”);  
  12.          }  
  13.       });  
  14.    });  
  15.   
  16.   

Complete: If the request successfully executed when the request finishes.

  1.  language=“javascript”>  
  2.   
  3.    $(“#btn”).live(“click”,function(){  
  4.       var fname = $(“#fname”).val();  
  5.       var lname = $(“#lname”).val();  
  6.       $.ajax({  
  7.          type:“POST”,  
  8.          url:“demo.php”,  
  9.          data:“fname=”+fname++lname,  
  10.          complete:function(data){  
  11.             alert(data);  
  12.          }  
  13.       });  
  14.    });  
  15.   
  16.   

Data: Which data (string) value will be sent to the server.

  1.  language=“javascript”>  
  2.   
  3.    $(“#btn”).live(“click”,function(){  
  4.       var fname = $(“#fname”).val();  
  5.       var lname = $(“#lname”).val();  
  6.       $.ajax({  
  7.          type:“POST”,  
  8.          url:“demo.php”,  
  9.          data:“fname=”+fname++lname,  
  10.       });  
  11.    });  
  12.   
  13.   

Success: When this function is executed if the request succeeds.

  1.  language=“javascript”>  
  2.   
  3.    $(“#btn”).live(“click”,function(){  
  4.       var fname = $(“#fname”).val();  
  5.       var lname = $(“#lname”).val();  
  6.       $.ajax({  
  7.          type:“POST”,  
  8.          url:“demo.php”,  
  9.          data:“fname=”+fname++lname,  
  10.          success:function(data){  
  11.             alert(data);  
  12.          }  
  13.       });  
  14.    });  
  15.   
  16.   
type This is used to send data to a GET or POST method. The default value is GET.

POST method 

  1.  language=“javascript”>  
  2.   
  3.    $(“#btn”).live(“click”,function(){  
  4.       var fname = $(“#fname”).val();  
  5.       var lname = $(“#lname”).val();  
  6.       $.ajax({  
  7.          type:“POST”,  
  8.          url:“demo.php”,  
  9.          data:“fname=”+fname++lname,  
  10.          success:function(data){  
  11.             alert(data);  
  12.          }  
  13.       });  
  14.    });  
  15.   
  16.   

GET method

  1.  language=“javascript”>  
  2.   
  3.    $(“#btn”).live(“click”,function(){  
  4.       var fname = $(“#fname”).val();  
  5.       var lname = $(“#lname”).val();  
  6.       $.ajax({  
  7.          type:“GET”,  
  8.          url:“demo.php”,  
  9.          data:“fname=”+fname++lname,  
  10.          success:function(data){  
  11.             alert(data);  
  12.          }  
  13.       });  
  14.    });  
  15.   
  16.   

url: Which the request is sent.

  1.  language=“javascript”>  
  2.   
  3.    $(“#btn”).live(“click”,function(){  
  4.       var fname = $(“#fname”).val();  
  5.       var lname = $(“#lname”).val();  
  6.       $.ajax({  
  7.          type:“POST”,  
  8.          url:“demo.php”,  
  9.          data:“fname=”+fname++lname,  
  10.          success:function(data){  
  11.             alert(data);  
  12.          }  
  13.       });  
  14.    });  
  15.   
  16.   

Article Prepared by Ollala Corp

You might also like
Leave A Reply

Your email address will not be published.