8.ajax查询数据
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="../../../CSS/bootstrap/bootstrap.min.css" rel="stylesheet" />
<!--如果有修改该配置文件，请修改"?"号后面的参数-->
<script src="../../../Scripts/config.js?v=1.1"></script>
<script src="../../../Scripts/Base64.js"></script>
<script src="../../../Scripts/jquery/jquery-1.10.2.min.js"></script>
<script src="../../../Scripts/bootstrap.min.js"></script>
<script src="../../../Scripts/jquery.form.js"></script>
<script type="text/javascript">
var url = "http://localhost";
$(function () {
//导出数据
$("#BtnExport").click(exportData);
$("#BtnCaseSuit").click(CaseSuit);
$("#BtnCaseSearch").click(CaseSearch);
$("#BtnWorkItemDetails").click(getWorkItemDetails);
$("#BtnUpdateTestCaseResult").click(updateTestCaseResult);
$("#BtnGetDetailsOfTestCase").click(GetDetailsOfTestCase);
}); //修改执行用例的测试结果
function updateTestCaseResult() {
var json = {
CollectionName: '项间需求2',
ProjectName: '项间需求项目2',
TestRunid: '',
TestCaseResultInfo: {
ComputerName: "",
FailureType: "",
FailureTypeId: "",
Priority: "",
State: "",
TestCaseRevision: "",
Comment: "此处为注释",
DateCompleted: "2016-5-9",
DateStarted: "2015-5-5",
ErrorMessage: "错误信息",
Outcome: ""
}
};
$.ajax({
type: "post",
url: "http://localhost:8080/TfsWebApi/api/TestDoCase/UpdateTestResult",
data: JSON.stringify(json),
contentType: "application/json;charsr=utf-8",
dataType: "json",
success: function (data) {
alert(data);
}
});
}
//查询工作项详情
function getWorkItemDetails() {
$.ajax({
type: "post",
url: "http://localhost/TfsWebApi/api/WorkItem/GetDetailsOfWorkItem",
data: "{'collectionName':'项间需求2','projectName':'项间需求项目2',id:'218'}",
contentType: "application/json;charsr=utf-8",
dataType: "json",
success: function (data) {
alert(data);
}
});
} //计划
function exportData() {
$.ajax({
type: "post",
url: "http://localhost/TfsWebApi/api/TestPlan/GetTestPlan",
data: "{'collectionName':'WX201512','projectName':'WX20151207'}",
contentType: "application/json;charsr=utf-8",
dataType: "json",
success: function (data) {
var value = "";
$(eval(data)).each(function () {
value += "【id:" + this.id
+ "; name:" + this.name
+ "; Areapath:" + this.Areapath
+ "; Iteration:" + this.Iteration
+ "; Description:" + this.Description
+ "; StartDate:" + this.StartDate
+ "; EndTime:" + this.EndTime
+ "; Description:" + this.Description
+ ";Links:" + this.Links
+ ";State:" + this.State
+ "】<br/>";
});
$("#valuesshow").html(value);
}
});
} //根据测试计划查询测试套件
function CaseSuit() {
$.ajax({
type: "post",
url: "http://localhost:8080/TfsWebApi/api/TestSuit/GetTestSuitFromPlan",
data: "{'collectionName':'WX201512','projectName':'WX20151207','testPlanIds':'251,428,436'}",
contentType: "application/json;charsr=utf-8",
dataType: "json",
success: function (data) {
var value = "";
$(eval(data)).each(function () {
value += "【planid:" + this.planId
+ "; id:" + this.id
+ "; title:" + this.Title
+ "; State:" + this.State
+ "; Description: " + this.Description
+ "】<br/>";
});
$("#valuesshow").html(value);
}
});
} //根据测试套件查询执行用例
function CaseSearch() {
$.ajax({
type: "post",
url: "http://localhost/TfsWebApi/api/TestDoCase/GetTestDoCaseFromSuit",
data: "{'collectionName':'WX201512','projectName':'WX20151207','testSuitids':'252,253,307','testPlanIds':'428,436'}",
contentType: "application/json;charsr=utf-8",
dataType: "json",
success: function (data) {
var value = "";
$(eval(data)).each(function () {
value += "【planId:" + this.planId
+ "; planName:" + this.planName
+ "; suitId:" + this.suitId
+ "; suitName:" + this.suitName
+ "; testCaseId:" + this.testCaseId
+ "; testCaseName:" + this.testCaseName
+ "; testRunId:" + this.testRunId
+ "; testRunDateDue:" + this.testRunDateDue
+ "; testRunState:" + this.testRunState
+ "; testRunTime:" + this.testRunTime
+ "; testRunMan:" + this.testRunMan
+ "; buglinks:" + this.buglinks
+ "】<br/>";
});
$("#valuesshow").html(value);
}
});
} //查询用例详情
function GetDetailsOfTestCase() {
$.ajax({
type: "post",
url: "http://localhost:8080/TfsWebApi/api/TestCase/GetDetailsOfTestCase",
data: "{'collectionName':'项间需求2','projectName':'项间需求项目2','testCaseIds':'332,351,352,362,363'}",
contentType: "application/json;charsr=utf-8",
dataType: "json",
success: function (data) {
var json = jQuery.parseJSON(data);
var value = "";
$(json.data).each(function () {
value += "【TestCaseId:" + this.TestCaseId
+ "; TestPlanId:" + this.TestPlanId
+ "; TestPlanName:" + this.TestPlanName
+ "; Description:" + this.Description
+ "; AssignedTo:" + this.AssignedTo
+ "; AreaPath:" + this.AreaPath
+ "; IterationPath:" + this.IterationPath
+ "; State:" + this.State
+ "; Reason:" + this.Reason
+ "; TestEnvironment:" + this.TestEnvironment
+ "; AutomatedTestStorage:" + this.AutomatedTestStorage
+ "; AutomatedTestType:" + this.AutomatedTestType
+ "; Tested:" + this.Tested
+ "; Attachments:" + this.Attachments
+ "; AllLinks:" + this.AllLinks
+ "】<br/>";
});
$("#valuesshow").html(value);
}
});
} </script>
</head>
<body>
<div style="width:200px; margin:200px auto;"> <input id="BtnExport" type="button" value="查询测试计划 " class="btn btn-default btn-sm btn_style" /><br /><br />
<input id="BtnCaseSuit" type="button" value="查询测试套件" class="btn btn-default btn-sm btn_style" /><br /><br />
<input id="BtnCaseSearch" type="button" value="查询执行用例" class="btn btn-default btn-sm btn_style" /><br /><br />
<input id="BtnWorkItemDetails" type="button" value="查询工作项详情 " class="btn btn-default btn-sm btn_style" /><br />
<input id="BtnUpdateTestCaseResult" type="button" value="更新测试用例执行结果 " class="btn btn-default btn-sm btn_style" /><br /><br />
<input id="BtnGetDetailsOfTestCase" type="button" value="查询测试用例详情 " class="btn btn-default btn-sm btn_style" />
</div>
<div id="valuesshow"></div> </body>
</html>
8.ajax查询数据的更多相关文章
- ajax查询数据返回结果不变
在使用流水号的时候,Google浏览器没有问题,但是IE有缓存,如果ajax请求的参数没有变化,那么就会返回缓存里的数据 解决方法:ajax请求的时候传值的参数设置一个时间戳就OK了(没什么特别意义, ...
- ajax查询数据的举例
1.根据下拉框的值异步查询信息 HTML代码如下: <script> $(function(){ //页面载入时执行 $("#key").change(function ...
- jquery通过ajax查询数据动态添加到select
function addSelectData() { //select的id为selectId //清空select中的数据 $("#selectId").empty(); $.a ...
- 查询数据过多页面反应慢引入缓存解决方案（Redis、H2）
问题:原系统查询接口不支持分页也不可能加入分页支持,导致Ajax查询数据过多,返回数据达到2W多条记录时响应已经极慢,查询功能不要求数据实时性,页面反应速度极慢.体验不好:经排查是由于数据量过大导 ...
- ASP.NET 前端Ajax获取数据并刷新
控制器中↓ /// <summary> /// 根据ID来进行展示数据 /// </summary> /// <param name="instru_id&qu ...
- 5月17 利用AJAX查询数据库
利用AJAX查询数据 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// ...
- vue使用element Transfer 穿梭框实现ajax请求数据和自定义查询
vue使用element Transfer 穿梭框实现ajax请求数据和自定义查询 基于element Transfer http://element-cn.eleme.io/#/zh-CN/comp ...
- 通过ajax GET方式查询数据，Django序列化objects
点击“查找2”按钮,通过ajax GET方式进行查询数据,这样页面不需要整体刷新,之后清空tbody数据,将查询结果重新附加到tbody 前端html: <div class="box ...
- AC中保存数据与查询数据
//保存数据 hui.ajax(function (ret, err) { }, url, {values: {t:"test",m:"Search",c:&q ...
随机推荐
- Spring Boot集成Mybatis及通用Mapper
集成Mybatis可以通过 mybatis-spring-boot-starter 实现. <!-- https://mvnrepository.com/artifact/org.mybatis ...
- 第二百九十节，MySQL数据库-MySQL命令行导出导入数据库，数据库备份还原
MySQL命令行导出导入数据库,数据库备份还原 MySQL命令行导出数据库:1,进入MySQL目录下的bin文件夹:cd MySQL中到bin文件夹的目录如我输入的命令行:cd C:\Program ...
- pacbio 原始下机数据h5 文件简介
pacbio 采用hdf5文件格式保存原始的下机数据,对于RS 测序系统而言,会产生一个 bas.h5 的文件; 以bas.h5 文件为例,看一下有下机数据中保存了那些信息 h5dump 工具可以用来 ...
- 真想用c#开发个 wp五笔输入法。。。奈何网上资料太少，源码都是c++写的。求大神指点!!!
真想用c#开发个 wp五笔输入法...奈何网上资料太少,源码都是c++写的.求大神指点!!!!
- 对于MathType中公式与文字错位的问题怎么解决
MathType是强大的数学公式编辑器,与常见的文字处理软件和演示程序配合使用,能够在各种文档中加入复杂的数学公式和符号,可用在编辑数学试卷.书籍.报刊.论文.幻灯演示等方面,是编辑数学资料的得力工具 ...
- three.js obj转js
js格式的模型文件是three.js中可以直接加载的文件.使用THREE.JSONLoader()直接加载,而不需要引用其它的loader插件. obj格式转js格式使用的是threejs.org官方 ...
- JavaScript网页换肤
使网页背景颜色可选黄/粉 <!doctype html> <html> <head><title>网页换肤</title></head ...
- python2.0_day18_django_ORM
Django_ORMday15\16我们学到的ORM都是最基本的增删改查.下面我们稍作升级,学习下高级点的增删改查.先创建一个新的APP项目 python3. manage.py startapp b ...
- Yarn中几个专用名称
1. ResourceManager(RM) RM是一个全局的资源管理器,负责整个系统的资源管理和分配.它主要由两个组件构成:调度器(Scheduler)和应用程序管理器(Appli ...
- exp/imp与expdp/impdp区别
在平常备库和数据库迁移的时候,当遇到大的数据库的时候在用exp的时候往往是需要好几个小时,耗费大量时间.oracle10g以后可以用expdp来导出数据库花费的时间要远小于exp花费的时间,而且文件也 ...