想測試下jQuery調用個第三方的WebService，利用 jQuery 的 $.get(url, data, callback) 調用了一個手機歸屬地查詢的WebService。
PS： http://www.webxml.com.cn/zh_cn/index.aspx 網站裡提供很多有用的簡單的WebService。
<html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /> <title>jQuery Test</title><br /> <mce:script src="http://code.jquery.com/jquery-1.4.3.js" mce_src="http://code.jquery.com/jquery-1.4.3.js" language="javascript"></mce:script><br /> <mce:script type="text/javascript" language="JavaScript"><!--<br /> $(document).ready(function () {<br /> $("#btnGet").click(function () {<br /> var url = "http://webservice.webxml.com.cn/WebServices/MobileCodeWS.asmx/getMobileCodeInfo";<br /> var mobile = $("#txtMobile").val();<br /> $.get(url, { mobileCode:mobile, userID:"" }, function (data) {<br /> var result = $(data).first().text();<br /> $("#divResponse").text(result);<br /> });<br /> });<br /> });</p><p>// --></mce:script><br /></head><br /><body><br /><h1>jQuery 手機號歸屬地查詢</h1><br /><div><br /> MobileCode: <input id="txtMobile" type="text" style="width:100px" /><br /> <input type="button" id="btnGet" value="Get" style="width:80px" /><br /></div><br /> <hr /><br /><div id="divResponse"><br /></div><br /></body><br /></html>
這個服務(http://webservice.webxml.com.cn/WebServices/MobileCodeWS.asmx?op=getMobileCodeInfo)需要兩個參數:mobileCode 和 userID，用 json 組裝起來，調用 HTTP GET 就可以了。 程式很簡單，自娛自樂而已。
運行結果如下：
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
