【项目杂记】通过简易 AJAX 进行接口测试

迈不过友情╰ 2022-10-30 02:26 35阅读 0赞

虽然我们是后台开发人员，但是最基本的 ajax 一定是要会写的；比如某个接口你通过 postman 接口测试已经没问题了，但是前端人员非要说你这有问题，你就可以一个简单的 ajax 去说服他。

### 1.Ajax 一般格式 ###

function test(){
        
       $.ajax({
        
                // 提交数据的类型 POST GET
                type:"POST",
                // 提交的 URL
                url:"testLogin.aspx",
                // 提交的数据
                data:{
        Name:"sanmao",Password:"sanmaoword"},
                // 返回数据的格式
                datatype: "html",//"xml", "html", "script", "json", "jsonp", "text".
                // 在请求之前调用的函数
                beforeSend:function(){
        $("#msg").html("logining");},
                // 成功返回之后调用的函数             
                success:function(data){
        
                   $("#msg").html(decodeURI(data));            
                    }   ,
                // 调用执行后调用的函数
                complete: function(XMLHttpRequest, textStatus){
        
                   alert(XMLHttpRequest.responseText);
                   alert(textStatus);
                    //HideLoading();
                },
                // 调用出错执行的函数
                error: function(){
        
                    //请求出错处理
                }         
             });
    
      }

### 2.Ajax 测试实例 ###

在 SpringBoot 项目的 static 目录下新建一个 test.html，这样我们在浏览器直接就可以访问该页面，从浏览器控制台看到请求头和请求体

> 注：先要引入 jquery 的 js 包（jquery-3.3.1.min.js）

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <button type="button" onclick="test()">TEST</button>
    
        <script src="jquery-3.3.1.min%20.js"></script>
        <script>
            function test() {
         
                $.ajax({
         
                    type:"POST",
                    url:"http://39.105.136.112/code/phone",
                    contentType: "application/json", // json
                    data:JSON.stringify({
         "phone":"15389093292"}), // 转 json（内置函数）
                    dataType: 'json',
                    success:function (data) {
         
                        console.log(data);
                    }
                })
            }
        </script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，35人围观）

还没有评论，来说两句吧...

相关阅读

相关通过Ajax方式上传文件，使用FormData进行Ajax请求

过传统的form表单写上传多图的时候发现 <form id= "uploadForm" action= "/file/upload" method= "post...

矫情吗；*/ 2024年04月18日 12:03/ 0 赞/ 82 阅读

相关通过Django Admin+HttpRunner1.5.6实现简易接口测试平台

![0b4daddc952b4a4eb99cbadd30743bae.png][] 这篇文章主要介绍了通过Django Admin+HttpRunner1.5.6实现简易接口

短命女/ 2024年02月21日 09:05/ 0 赞/ 42 阅读

相关制作简易Postman实现接口测试

package com.xxxx.controller; / @author yc @date 2022/3/11 17:45

逃离我推掉我的手/ 2023年09月30日 09:57/ 0 赞/ 17 阅读

相关【项目杂记】通过简易 AJAX 进行接口测试

虽然我们是后台开发人员，但是最基本的 ajax 一定是要会写的；比如某个接口你通过 postman 接口测试已经没问题了，但是前端人员非要说你这有问题，你就可以一个简单的 aj

迈不过友情╰/ 2022年10月30日 02:26/ 0 赞/ 36 阅读

相关【项目杂记】记简易自动部署脚本（更换Jar包）

在前后端对接测试时，每次更改完代码后，在服务器上重新部署的时候，都要重复以下几个过程： 1. 上传新 jar 包 2. 查找正在运行的 jar 包的 pid 3. 根据

浅浅的花香味﹌/ 2022年10月30日 02:26/ 0 赞/ 141 阅读

相关 Linux使用curl进行接口测试

curl是利用[URL][]语法在命令行方式下工作的开源文件传输工具，支持文件上传下载的综合传输工具，同时也支持多种协议http，https，ftp等。 curl安装： y

绝地灬酷狼/ 2022年10月01日 05:55/ 0 赞/ 329 阅读

相关 webservice接口测试，使用SoapUI工具进行接口测试（转）

[webservice接口测试，使用SoapUI工具进行接口测试][webservice_SoapUI] 首先，接口使用cxf编写接口，测试工具使用SoapUI 5.2.

冷不防/ 2022年05月21日 01:26/ 0 赞/ 298 阅读

相关通过Ajax方式上传文件，使用FormData进行Ajax请求

转载自：[http://yunzhu.iteye.com/blog/2177923][http_yunzhu.iteye.com_blog_2177923] 通过

曾经终败给现在/ 2022年05月17日 07:59/ 0 赞/ 257 阅读

相关【Robot Framework 项目实战 01】使用 RequestsLibrary 进行接口测试

写在前面本文我们一起来学习如何使用Robot Framework 的RequestsLibrary库，涉及POST、GET接口测试，RF用例分层封装设计等内容。接

Love The Way You Lie/ 2021年09月30日 03:22/ 0 赞/ 314 阅读

相关通过Ajax方式上传文件，使用FormData进行Ajax请求

[http://m.blog.csdn.net/inuyasha1121/article/details/51915742][http_m.blog.csdn.net_inuy

Love The Way You Lie/ 2021年09月14日 11:48/ 0 赞/ 494 阅读