RESTFul Client入门实例

最新推荐文章于 2024-03-22 15:25:32 发布

转载最新推荐文章于 2024-03-22 15:25:32 发布 · 411 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ratels/p/10279556.html

本文介绍了一个简单的RESTful客户端测试页面实现，使用HTML、jQuery和JSONP进行跨域GET请求，以获取豆瓣电影Top250的数据。通过点击按钮触发请求，并在控制台输出响应结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

client.html文件内容为：

<!DOCTYPE html>
<html>
<head>
    <title>RESTFul Client test page</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
<script src="./jquery-2.1.3.min.js"></script>
<script src="./testRestfulClient.js"></script>

<script>
document.write("<h1>Send Restful Get and Post:</h1>");
</script>
<div>
    <input id="sendRestfulGet" onclick="sendRestfulGet();" type="button" value="SendGet">
    </br>
</div>
</body>
</html>

testRestfulClient.js文件内容为：

function sendRestfulGet(){
    var doubanURL = 'https://api.douban.com//v2/movie/top250';
    $.ajax({
        url: doubanURL,
        type: 'Get',
        data: '',
        dataType: 'JSONP',
        crossDomain: true,
        success: function(data){
            console.log(data);
        }
    });
}

发布HTML页面到浏览器中，看到如下页面：