Ajax涔嬭皟鐢ㄤ竴瑷€缃戠珯API鎺ュ彛
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Ajax涔嬭皟鐢ㄤ竴瑷€缃戠珯API鎺ュ彛相关的知识，希望对你有一定的参考价值。
鏍囩锛?a href='http://www.mamicode.com/so/1/%e6%a0%bc%e5%bc%8f' title='鏍煎紡'>鏍煎紡
amp 宓屽 add scale 鍗曞厓 鏂瑰紡 ons 椤甸潰Ajax鐨勪綔鐢紝涓昏鏄疄鐜板眬閮ㄥ埛鏂般€?/p>
閫氳繃鑰佸ぇ鍝ュ憡鐭ワ紝Ajax鎺ュ彛鍙互浣跨敤涓€瑷€缃戠珯鐨勶紝鎵€浠ヨ嚜宸卞氨缁冧簡涓€涓嬪瓙銆?/p>
鏈枃鎵€鏈夌敤鍒扮殑鎺ュ彛閮芥潵鑷竴瑷€缃戠珯锛歨ttps://hitokoto.cn/api
閫氳繃缃戠珯鍏憡鍙煡锛屼竴瑷€缃戠珯鐨凧SON鏁版嵁鏍煎紡濡備笅锛?/p>
| id | 鏈潯涓€瑷€鐨刬d銆?br />鍙互閾炬帴鍒癶ttps://hitokoto.cn?id=[id]鏌ョ湅杩欎釜涓€瑷€鐨勫畬鏁翠俊鎭€?/td> |
| hitokoto | 涓€瑷€姝ｆ枃銆傜紪鐮佹柟寮弖nicode銆備娇鐢╱tf-8銆?/td> |
| type | 绫诲瀷銆傝鍙傝€冪涓夎妭鍙傛暟鐨勮〃鏍笺€?/td> |
| from | 涓€瑷€鐨勫嚭澶勩€?/td> |
| creator | 娣诲姞鑰呫€?/td> |
| created_at | 娣诲姞鏃堕棿銆?/td> |
| 娉ㄦ剰锛氬鏋渆ncode鍙傛暟涓簍ext锛岄偅涔堣緭鍑虹殑鍙湁涓€瑷€姝ｆ枃銆?/td> | |
鎺ュ彛绫诲瀷濡備笅锛?/p>
https://v1.hitokoto.cn/锛堜粠7绉嶅垎绫讳腑闅忔満鎶藉彇锛?br />
https://v1.hitokoto.cn/?c=b 锛堣姹傝幏寰椾竴涓垎绫绘槸婕敾鐨勫彞瀛愶級
https://v1.hitokoto.cn/?c=f&encode=text 锛堣姹傝幏寰椾竴涓潵鑷綉缁滅殑鍙ュ瓙锛屽苟浠ョ函鏂囨湰鏍煎紡杈撳嚭锛?/p>
鏃㈢劧鎴戜滑鐭ラ亾浜嗘帴鍙ｏ紝閭ｄ箞灏辫鎴戜滑鏉ュ垎鏋愪竴涓嬪浣曞埄鐢ˋjax浣跨敤杩欎釜鎺ュ彛銆?/p>
棣栧厛鍏堣纭畾html椤甸潰闇€瑕佸浣曟樉绀烘暟鎹紝浣跨敤鍒楄〃銆佽〃鏍笺€佽繕鏄痩able鏍囩鍛紵
杩欓噷鎴戜滑閲囩敤浜嗙畝鍗曠殑table(琛ㄦ牸)鏍囩锛屾敞鎰忥紝鍦ㄤ娇鐢ㄨ〃鏍肩殑鏃跺€檛r琛ㄧず琛ㄦ牸涓殑琛岋紝td琛ㄧず琛ㄦ牸涓殑鍗曞厓鏍硷紝tr闇€瑕佸拰td宓屽浣跨敤鍗筹細<tr><td></td></tr>
鏃㈢劧鎴戜滑纭畾浜咹TML椤甸潰浣跨敤琛ㄦ牸鏍囩鏉ユ樉绀烘暟鎹紝閭ｄ箞鎺ヤ笅鏉ユ垜浠紪鍐橨S浠ｇ爜銆?/p>
缂栧啓JS浠ｇ爜锛岄渶瑕佸垱寤轰竴涓叆鍙ｏ紝鐒跺悗鍦ㄥ叆鍙ｄ腑缂栧啓Ajax鐨勮姹傚嚱鏁帮紝
鏈€鍚庯紝閫氳繃鑾峰彇鏍囩鍏冪礌鏉ョ粰HTML椤甸潰杩涜浼犲€笺€?/p>
浠ｇ爜瀹炵幇锛?/p>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ajax浣跨敤涓€瑷€鎺ュ彛</title>
<script src="../JS/jquery-1.12.4.min.js"></script>
<script>
function get_Ajax(){
$.get(鈥榟ttps://v1.hitokoto.cn/鈥?{},function(response){
$(鈥?td1鈥?span style="color: #000000;">).html(response.id);
$(鈥?td2鈥?span style="color: #000000;">).html(response.hitokoto);
$(鈥?td3鈥?span style="color: #000000;">).html(response.type);
$(鈥?td4鈥?span style="color: #000000;">).html(response.from);
$(鈥?td5鈥?span style="color: #000000;">).html(response.creator);
$(鈥?td6鈥?span style="color: #000000;">).html(response.created_at);
},鈥楯SON鈥?span style="color: #000000;">);
}
function Ajax_start(){
setInterval(get_Ajax,5000);
}
</script>
<style>
table,tr,td{
border: 4px solid yellowgreen;
border-collapse: collapse;
}
</style>
</head>
<body>
<table>
<tr><td>ID:</td><td id="td1">鏃?lt;/td></tr>
<tr><td>姝ｆ枃锛?lt;/td><td id="td2">鏃?lt;/td></tr>
<tr><td>绫诲瀷锛?lt;/td><td id="td3">鏃?lt;/td></tr>
<tr><td>鍑哄锛?lt;/td><td id="td4">鏃?lt;/td></tr>
<tr><td>娣诲姞鑰咃細</td><td id="td5">鏃?lt;/td></tr>
<tr><td>娣诲姞鏃堕棿锛?lt;/td><td id="td6">鏃?lt;/td></tr>
</table>
<input type="button" value="寮€濮婣jax璇锋眰" onclick="Ajax_start()">
</body>
</html>
以上是关于Ajax涔嬭皟鐢ㄤ竴瑷€缃戠珯API鎺ュ彛的主要内容，如果未能解决你的问题，请参考以下文章
Jmeter 缂栧啓鎺ュ彛娴嬭瘯鐢ㄤ緥閬囧埌鐨勯棶棰樺強瑙ｅ喅鍔炴硶
鐢℅o璇█鍦↙inux涓嬭皟鐢ㄦ柊涓柊DKQ-A16D璇诲崱鍣紝璇讳簩浠ｈ瘉鏁版嵁