搭建最简单的jQuery环境

最新推荐文章于 2021-07-17 10:29:09 发布

葵花点穴手

最新推荐文章于 2021-07-17 10:29:09 发布

阅读量1.6k

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/skylzc/article/details/70183233

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

搭建最简单的jQuery环境

搭建最简单的jQuery环境

目标

搭建环境，验证服务端返回400错误的同时返回的详细错误信息。

准备

windows桌面新建test文件夹

下载js文件 https://code.jquery.com/jquery-3.2.1.min.js

改名jquery.js放到test目录

新建get.html文件，打开粘贴如下代码：

<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function()
{
  $("button").click(function(){
    jQuery.ajax({
                    url: "http://192.168.1.128:8000/api/test/",
                    type: "get",
                    dataType: "json",
                    success: function(msg) 
                    {
                        alert(msg);
                    },
                    error: function(XMLHttpRequest) {
                        alert(XMLHttpRequest.responseText);
                    },
                  }
                )
  });
});
</script>
</head>
<body>

<button>向页面发送 HTTP GET 请求，然后获得返回的结果</button>

</body>
</html>