標籤：http .text gb2312 服務 ready on() src server alt
用一個範例用以說明：點擊button。將input內使用者輸入的資料發送給服務端。並將結果返回給頁面。
首先是html承載內容：
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>AJax非同步訪問</title> <script src="js/jquery-2.1.3.min.js"></script> <script src="js/ajaxDemo.js"></script></head><body><input type="text" id="nameValue"><br/><button id="btn">提交</button><p> 結果：<span id="result"></span></p></body></html>配置server：Server.php
<?phpif(isset($_GET['name'])){ echo "姓名：".$_GET['name'];}else{ echo "參數錯誤";}ajaxDemo.js實現AJax非同步訪問:
$(document).ready(function(){ $("#btn").on("click",function(){ //在與server通訊較慢時給使用者提示資訊 $("#result").text("資料請求中。請稍後..."); //向server發送請求(get、post) $.get("Server.php",{name:$("#nameValue").val()},function(data){ $("#result").text(data); }).error(function(){ //當server出現異常時 $("#result").text("server正在維護") }) })})
jQuery的AJax非同步訪問
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
