<script language="網頁特效" src="jquery-1.4.2.min.js"></script>
<script language="javascript">
$(function(){////ajax代碼區
});
</script>
<body>
<input id="forasp教程" type="text" maxlength="20"> <input type="button" value="jquery的ajax測試" id="cn">
<span id="backurl">www.forasp.cn</span>
</body>
</html>
前面講到了用$.ajax(options)來實現jqueryajax,其中的提交方式是在type中設定,本次講的ajax是直接標明用get方式來提交資料.
(1)文法:$.get(url,data,fun,type);
url表示ajax調用的頁面
date為get方式傳遞的資料,資料格式{data:value,data:value..}可選
fun是回呼函數,function(msg),msg是頁面返回內容.可選
type返回內容格式,xml, html, script, json, text, _default。可選
執行個體:
$("#cn").bind("click",function(){
$.get("index4.php教程",{foraspcnurl:$("#forasp").val()},function(msg){alert(msg);} );
});
例子中的調用頁面為index4.php代碼如下:<?echo $_get["foraspcnurl"];?>.
jquery.get( url, [ data ], [ callback(data, textstatus, xmlhttprequest) ], [ datatype ] )
returns: xmlhttprequest
url 字串,其中包含的url的請求被發送。
data 地圖或字串發送到與請求的伺服器。
callback(data, textstatus, xmlhttprequest),如果請求成功執行。
datatypethe 類型的資料預計從伺服器。
這是一個縮寫的ajax功能,這相當於:
$.ajax({
url: url,
data: data,
success: success,
datatype: datatype
});
調函數成功返回的資料傳遞,這將是一個xml根項目,文本字串,網頁特效檔案,或根據響應的mime類型的json對象。它也通過了響應文本狀態。
在jquery 1.4,成功回呼函數也是通過xmlhttprequest對象。
大多數實現將指定一個成功的處理常式:
$.get('ajax/test.html', function(data) {
$('.result').html(data);
alert('load was performed.');
});
更多詳細內容請查看:http://www.111cn.net/wy/jquery/35462.htm