jQuery使用ajax的post與get發送資料

jQuery真是個非常強大的類庫,今天學習了一下,愛上了,講下jQuery中ajax使用方法.

例子:

test.html

頁面引用<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

內容有:

<div id="divMsg">Hello World!</div>

用法1:(頁面載入時讀取遠程頁面內容到divMsg)

 

$("#divMsg").load(http://localhost:8012/t.asp, { "resultType": "html" });

傳回型別resultType有如下幾種:

"xml", "html", "script", "json", "jsonp", "text"

用法2:(點擊post資料返回資料)

<input type="button" id="bnajax" value="ajax" onclick="ajaxTest()" />

<script type="text/javascript" >

 function ajaxTest()
 {
  $.post("http://localhost:8012/t.asp", { "txt": "123" },function(data)
  {
   $("#divMsg").html(data);
  }
  );
 }

</script>

 

下面是摘自網路的函數:

post方法如下：

    function test(access_url, tipE){ 

        $.post(access_url,{  
            first: "test1", second: "test2" 
            }, function(data){ 
                    if(data.success){ 
                        $('#' + tipE).html('處理成功'); 
                    }else{ 
                        $('#' + tipE).html(data.msg);    
                    } 
            },'json' 
       ) 
    }

 

如果想用get方法，則把post換為get就可以了，挺簡單！

這個函數中data值為服務端返回的值，且為JSON格式，當然了，這裡可以用其他類型，如text,xml等等之類。

服務端傳回值是JSON格式，如：{success:true, msg:"測試成功"}