接口测试，ajax，post ，json data

最新推荐文章于 2024-02-15 16:56:30 发布
最新推荐文章于 2024-02-15 16:56:30 发布
阅读量1.4k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linhaihai0202/article/details/78964789
版权
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>接口测试</title>
    <script src="https://code.jquery.com/jquery-1.11.3.js"></script>
</head>
<body>
<table>
<tr>
<td style="text-align:right">url:</td>
<td><textarea cols="40" rows="10" id="urlData">http://localhost:9415/api/paymentservice/payapply/shsocialinsurance</textarea></td>
</tr>
<tr>
<td style="text-align:right">request Data:</td>
<td><textarea cols="40" rows="10" id="reqData" >{businessType:1}</textarea></td>
</tr>
<tr>
<td style="text-align:right">response Data:</td>
<td id="responseDataTd"></td>
</tr>
<tr>

<td colspan="2"><input type="button" value="测试" οnclick="doTest()"></td>
</tr>
</table>




<script>
function doTest(){
$.ajax({
  url: $("#urlData").val(),
  data: $("#reqData").val(),
  type: "POST",
  dataType: "json",
          contentType : "application/json;charse=UTF-8",
  success: function( result ) {
    if(result.code == 0 ){
    $("#responseDataTd").css("color","green");
}else{
$("#responseDataTd").css("color","red");
}

$("#responseDataTd").html(JSON.stringify(result));
  },
  error:function(a,b,c){
    $("#responseDataTd").css("color","red");
$("#responseDataTd").html("a:"+JSON.stringify(a)+",b:"+JSON.stringify(b)+",c:"+JSON.stringify(c));
  }
});
}
</script>
</body>

</html>


成功：


失败：


qing_chun_
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
[Jquery]Jquery AJAX post提交json示例
德仔
01-23 1万+
下面是html请求web服务器api接口的示例，是post发送json方式请求。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /> <script src="
ajax调取json接口,通过 Ajax 调取后台接口将返回的 json 数据绑定在页面上
weixin_32452127的博客
08-05 1915
第一步：编写基础的 html 框架内容，并引入 jquery：测试Ajax第二步：在 “” 中间插入要点击的按钮和用来显示数据的标签，并编写对应的function：“ajax的使用往往配合事件操作进行调用”点击获取数据function：$(function(){$("#btn").on("click", function(){//调用 ajax});})第三步：使用 ajax 调用后台接口并处理...
接口ajax练习
06-01
封装 ajax 接口 网易新闻
【项目杂记】通过简易 AJAX 进行接口测试
A minor
02-17 1569
虽然我们是后台开发人员，但是最基本的 ajax 一定是要会写的；比如某个接口你通过 postman 接口测试已经没问题了，但是前端人员非要说你这有问题，你就可以一个简单的 ajax 去说服他。 1.Ajax 一般格式 function test(){ $.ajax({ // 提交数据的类型 POST GET type:"POST", // 提交的 URL url:"testLogin.aspx",
Ajax 请求接口
weixin_34117522的博客
06-08 306
1.获取 Token string url = "http://10.168.9.21/api/services/Org/UserLogin"; var para = new { UserName = "admin", ...
AJAX接口
Y565437520的博客
12-07 305
一、创建路由&挂载路由 //引入express模块 const express=require('express'); //引入连接池模块 const pool=require('../pool.js'); //创建路由器对象 let router=express.Router(); //挂载路由 //注:get方法可以通过地址栏获取数据,可用于检测数据是否响应成功 //注:restful...
【Ajax】接口与接口测试工具PostMan
早睡早起长头发的博客
01-18 2674
为了验证接口能否被正常被访问，我们常常需要使用接口测试工具，来对数据接口进行检测。好处：接口测试工具能让我们在不写任何代码的情况下，对接口进行调用和测试。接口文档，顾名思义就是接口的说明文档，它是我们调用接口的依据。好的接口文档包含了对接口URL，参数以及输出内容的说明，我们参照接口文档就能方便的知道接口的作用，以及接口如何进行调用。
ajax如何传递josn数据,jq之ajax以及json数据传递
weixin_35794520的博客
08-05 740
闭包演示function transfer(){var dat = $( "#sel" ).val();//console.log(dat)$.ajax({type:"POST", //post 同 geturl:"ts1.php",data:{data:dat},//console.log(data);success:f...
express实现post接口(无参/普通/json/form-data)
laoli360的博客
09-15 3408
无参数的post接口 const express = require('express'); const app = express(); app.post('/api/post', function(req, res) { // 直接返回对象 res.send({ name: 'abc' }); }); app.listen('8088', () => { console.log('8088'); }); 启动终端后 利用postman来测试post接口~ 这里...
python Ajax-post 测试程序
12-21
【Python AJAX POST测试程序详解】 在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种创建动态网页的技术，允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。此程序是一个简单的...
简单测试接口是否支持跨域
01-02
检查接口是否支持跨域请求，一个简单的ajax请求测试方法
ajax-demo:一个api接口测试
05-10
ajax-demo 一个api接口测试 利用ajax结合图灵机器人的接口制作了一个聊天的萌妹机器人。效果还不错，如果你无聊的时候可以拿来调戏她。当然因为是免费版，所以功能没那么强大。 体验地址：
Ajax1day(get,post请求，PostMan测试工具，图书馆里案例，聊天机器人案例)
shrimper
07-18 2097
Ajax的全称是(异步JavaScript和XML)。通俗的理解在网页中利用对象和服务器进行数据交互的方式，就是Ajax。如果要在网页中请求服务器上的数据资源，则需要用到对象。（简称xhr）是浏览器提供的js成员，通过它，可以请求服务器上的数据资源。最简单的用法。...
接口练习
qq_23973805的博客
01-21 540
l猫狗案例,加入跳高的额外功能 l老师和学生案例,加入抽烟的额外功能 l教练和运动员案例(学生分析然后讲解) •乒乓球运动员和篮球运动员。 •乒乓球教练和篮球教练。 •为了出国交流，跟乒乓球相关的人员都需要学习英语。 •请用所学知识： •分析，这个案例中有哪些抽象类，哪些接口，哪些具体类。 /* 猫狗案例,加入跳高的额外功能(跳高放哪比较合适？，跳高放到动物里面合适么？直接放猫里
ajax接口和介绍
qq_36242942的博客
05-28 612
https://blog.csdn.net/sasuken/article/details/80869558
Ajax请求后端接口（GET、POST、轮询请求）
热门推荐
qq_41644069的博客
10-20 2万+
ajax是什么？post、get、每隔几秒
AJAX——接口文档
最新发布
weixin_48719464的博客
02-15 1071
接口文档：描述接口的文章接口：使用AJAX和服务器通讯时，使用的URL，请求方法，以及参数。
ajax调接口方法
你离优秀差多少
05-26 4640
纯js方法： let ajax = new XMLHttpRequest() //创建一个请求对象 ajax.open('GET','接口',true) //建立一个通信方法是get，请求地址，异步请求 ajax.send() //发送请求 ajax.onreadystatechange=()=>{ //监听结果 if(ajax.readyState === 4){//请求完成，不代表成功 if(ajax.status === 200){//网络请求状态码可以访问 console.log
创建一个商品页，从后端项目中获取商品信息，并显示在页面上。 后端项目访问路径：http://10.8.12.150:8088/ajaxtest/goods 得到的数据是JSON格式的数组， 商品属性包含：id,goodsName,price,spec,about 分别对应商品的编号，商品名称，价格，规格，简介 后端项目可访问的接口包含：下面的接口可用作代码测试 http://10.8.12.150:8088/ajaxtest/json,可得到一个JSON格式的数据，包含name,address,age三个属性 http://10.8.12.150:8088/ajaxtest/post,可得到一个字符串
05-25
首先，我们需要使用前端的 AJAX 技术来从后端项目中获取商品信息。下面是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>商品页</title> <meta charset="utf-8"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <table id="goodsTable"> <thead> <tr> <th>ID</th> <th>商品名称</th> <th>价格</th> <th>规格</th> <th>简介</th> </tr> </thead> <tbody></tbody> </table> <script> // 使用 AJAX 获取商品信息 $.get('http://10.8.12.150:8088/ajaxtest/goods', function(data) { // 将得到的 JSON 数据转换为 JavaScript 对象 var goodsList = JSON.parse(data); // 遍历商品数组，生成 HTML 代码并添加到表格中 goodsList.forEach(function(goods) { var html = '<tr>' + '<td>' + goods.id + '</td>' + '<td>' + goods.goodsName + '</td>' + '<td>' + goods.price + '</td>' + '<td>' + goods.spec + '</td>' + '<td>' + goods.about + '</td>' + '</tr>'; $('#goodsTable tbody').append(html); }); }); </script> </body> </html> ``` 在这个示例中，我们使用了 jQuery 库来简化 AJAX 的操作。我们使用 $.get 方法来发送 GET 请求，得到的数据会自动转换为字符串类型的 JSON 数据。我们通过 JSON.parse 方法将其转换为 JavaScript 对象，并遍历商品数组，生成 HTML 代码并添加到表格中。 注意，由于跨域访问的限制，我们需要确保后端项目支持跨域访问。如果不支持，我们可以使用 JSONP 或者代理等技术来解决跨域问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值