jquery ajax get詳細說明與執行個體

來源:互聯網
上載者:User

<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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.