首页 > javascript > jquery ajax 完整格式实例

jquery ajax 完整格式实例

完整版

function myajax() {
    $.ajax({
        //提交数据的类型 POST GET             
        type: "POST",
        //提交的网址    
        url: "testLogin.aspx",
        //提交的数据          
        data: {
            Name: "sanmao",
            Password: "sanmaoword"
        },
        //返回数据的格式
        datatype: "html",
        //"xml", "html", "script", "json", "jsonp", "text".
        //在请求之前调用的函数           
        beforeSend: function() {
            $("#msg").html("logining");
        },
        //成功返回之后调用的函数                        
        success: function(data) {
            $("#msg").html(decodeURI(data));
        },
        //调用执行后调用的函数          
        complete: function(XMLHttpRequest, textStatus) {
            alert(XMLHttpRequest.responseText);
            alert(textStatus);
            //HideLoading();   
        },
        //调用出错执行的函数            
        error: function() {
            //请求出错处理           
            }
    });
}

$.get(url,[data],[callback]) 与 $.getJSON$.getJSON(url,[data],[callback])

//$.get 与 $.getJSON 用法一样,只是 $.get返回的是字符串, $.getJSON 返回的是json数据 
function myajax(){
   
  $.getJSON('url',{a:1},function(data){

    //{ } 为可选内容  回调也是可选内容
   //code
  
   });



}

$.post

// $.post(url,[data],[callback],[type])
 function myajax(){
     
   $.post('url',{user:'nihao',pwd:'hello'},function(data){
      //url 为请求地址, {} 为数据  functionw为成功回调 ,json为格式
     //回调
    
 
    },'json');
    

  }