python测试开发django-129.jQuery中$.get()和$.post()提交方法学习

Posted 上海-悠悠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了python测试开发django-129.jQuery中$.get()和$.post()提交方法学习相关的知识,希望对你有一定的参考价值。

前言

$.get() 和 $.post()方法是 jQuery 中的全局函数

$.get()方法

$.get() 方法使用 HTTP GET 请求从服务器加载数据。

官方语法格式: $.get(URL,data,function(data,status,xhr),dataType)
参数说明:

  • url 必需,为请求地址,
  • data 可选,为请求数据的列表(是可选的,也可以将要传的参数写在url里面),
  • function(data,status,xhr) 可选, callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数。
  • dataType 可选,规定预期的服务器响应的数据类型。

使用示例

// 作者-上海悠悠 QQ交流群:717225969
// blog地址 https://www.cnblogs.com/yoyoketang/
<body>
<div class="container">
    <button id="get_btn" class="btn btn-info">发get请求</button>
    <button id="post_btn" class="btn btn-info">发post请求</button>
</div>

</body>
<script>
    //发get请求  不带参数情况
    $("#get_btn").click(function(){
            $.get('/api/v1/demo',
                  function(data, status) {
                      alert("状态:"+ status + ",body:" + JSON.stringify(data))
                  })
    })
</script>

当get请求成功的时候,会返回status状态:success

status状态有五种:“success”, “notmodified”, “error”, “timeout”, or “parsererror”

$.get()带请求参数的时候,可以写成javascript对象

<script>
    //发get请求
    $("#get_btn").click(function(){
            $.get('/api/v1/demo',
                    {
                        page: 1,
                        size: 10
                    },
                  function(data, status) {
                      alert("状态:"+ status + ",body:" + JSON.stringify(data))
                  })
    })
</script>

只有当接口请求成功的时候,才会调用function(data, status)方法,如果接口404等异常情况,可以用以下方法

// 作者-上海悠悠 QQ交流群:717225969
// blog地址 https://www.cnblogs.com/yoyoketang/
<script>
    //发get请求
    $("#get_btn").click(function(){
            $.get('/api/v1/demox',    //404不存在地址
                    {
                        page: 1,
                        size: 10
                    },
                  function(data, status) {
                      alert("状态:"+ status + ",body:" + JSON.stringify(data))
                  }).fail(function () {
                      alert('接口请求失败!');
           })

    })
</script>

$.post()方法

$.post() 方法使用 HTTP POST 请求,一般是提交数据。

官方语法格式: $(selector).post(URL,data,function(data,status,xhr),dataType)

. g e t ( ) 参 数 差 不 多 , 多 了 一 个 t y p e 参 数 , t y p e 为 返 回 的 数 据 类 型 , 可 以 是 h t m l , x m l , j s o n 等 类 型 , 如 果 我 们 设 置 这 个 参 数 为 : j s o n , 那 么 返 回 的 格 式 则 是 j s o n 格 式 的 , 如 果 没 有 设 置 , 就 和 .get()参数差不多,多了一个type参数,type为返回的数据类型,可以是html,xml,json等类型,如果我们设置这个参数为:json,那么返回的格式则是json格式的,如果没有设置,就 和 .get()typetypehtml,xml,jsonjsonjson.get()返回的格式一样,都是字符串的。

使用示例

// 作者-上海悠悠 QQ交流群:717225969
// blog地址 https://www.cnblogs.com/yoyoketang/
<script>
    //发post请求
    $("#post_btn").click(function(){
            $.post('/api/v1/demo',
                    {
                        name: "yoyo",
                        age: 20,
                        email: "123@qq.com"
                    },
                  function(data, status) {
                      alert("状态:"+ status + ",body:" + JSON.stringify(data))
                  }).fail(function () {
                      alert('接口请求失败!');
           })

    })
</script>

body传参类默认是Content-Type: application/x-www-form-urlencoded; charset=UTF-8

以上是关于python测试开发django-129.jQuery中$.get()和$.post()提交方法学习的主要内容,如果未能解决你的问题,请参考以下文章

测试开发系列之Python开发mock接口

学习python 测试开发

测试开发系列之Python开发mock接口

Python 开发与接口测试学习笔记

Python:Python常用开发框架Framework(WEB测试爬虫)总结

测试开发系列之Python开发mock接口