jquery get post ajax getjson區別

jquery $.get(),$.post(),$.ajax(),$.getJSON()區別

一.$.get()

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

說明:url為請求地址,data為請求數據的列表,callback為請求成功後的回調函數,該函數接受兩個參數,第一個為服務器返回的數據,第二個參數為服務器的狀態,是可選參數。而其中,服務器返回數據的格式其實是字符串形勢,並不是我們想要的json數據格式

二.$.post()

$.post(url,[data],[callback],[type])
說明:這個函數跟$.get()參數差不多,多瞭一個type參數,type為請求 的數據類型,可以是html,xml,json等類型,如果我們設置這個參數為:json,那麼返回的格式則是json格式的,如果沒有設置,就 和$.get()返回的格式一樣,都是字符串的

三.$.ajax()

$.ajax(opiton)
說明:$.ajax()這個函數功能強大,可以對ajax進行許多精確的控制,需要詳細說明的請參照相關資料

四.$.getJSON()

五.示例代碼




jquery ajax
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script language="javascript">

$(document).ready(function ()
{
 
  $('#send_ajax').click(function (){
     var params=$('input').serialize(); //序列化表單的值
     $.ajax({
       url:'ajax_json.php', //後臺處理程序
       type:'post',         //數據發送方式
       dataType:'json',     //接受數據格式
       data:params,         //要傳遞的數據
       success:update_page //回傳函數(這裡是函數名)
     });
   });

//$.post()方式:
$('#test_post').click(function (){
    $.post(
      'ajax_json.php',
      {
        username:$('#input1').val(),
        age:$('#input2').val(),
        sex:$('#input3').val(),
        job:$('#input4').val()
      },
      function (data) //回傳函數
      {
        var myjson='';
        eval_r('myjson=' + data + ';');
        $('#result').html("姓名:" + myjson.username + "
工作:" + myjson['job']); } ); }); //$.get()方式: $('#test_get').click(function () { $.get( 'ajax_json.php', { username:$("#input1").val(), age:$("#input2").val(), sex:$("#input3").val(), job:$("#input4").val() }, function(data) //回傳函數 { var myjson=''; eval_r("myjson=" + data + ";"); $("#result").html(myjson.job); } ); }); }); function update_page (json) //回傳函數實體,參數為XMLhttpRequest.responseText { var str="姓名:"+json.username+"
"; str+="年齡:"+json.age+"
"; str+="性別:"+json.sex+"
"; str+="工作:"+json.job+"
"; str+="追加測試:"+json.append; $("#result").html(str); } </script>

輸入姓名:

輸入年齡:

輸入性別:

輸入工作:

發佈留言