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 ...
随机推荐
- 【转】OPenGL MFC绘图
一.简介 GDI是通过设备句柄(Device Context以下简称"DC")来绘图,而OpenGL则需要绘制环境(Rendering Context,以下简称"RC&q ...
- Spring IO platform 简介
前提:熟悉Spring基础知识. 简介:Spring IO Platform将 the core Spring APIs 集成到一个Platform中.它提供了Spring portfolio中的大量 ...
- 【甘道夫】通过Mahout构建贝叶斯文本分类器案例具体解释
背景&目标: 1.sport.tar 是体育类的文章,一共同拥有10个类别. 用这些原始材料构造一个体育类的文本分类器,并測试对照bayes和cbayes的效果: 记录分类器的构造 ...
- ZABBIX API简介及使用
API简介 Zabbix API开始扮演着越来越重要的角色,尤其是在集成第三方软件和自动化日常任务时.很难想象管理数千台服务器而没有自动化是多么的困难.Zabbix API为批量操作.第三方软件集成以 ...
- 【Java面试题】3 Java的"=="和equals方法究竟有什么区别？简单解释，很清楚
==操作符专门用来比较两个变量的值是否相等,也就是用于比较变量所对应的内存中所存储的数值是否相同,要比较两个基本类型的数据或两个引用变量是否相等,只能用==操作符. 如果一个变量指向的数据是对象类型的 ...
- 【java 类加载的深入研究1】loadClass()的研究
1.开门见山 以前曾经看到过一个java的面试题,当时觉得此题很简单,可是自己把代码运行起来,可是结果并不是自己想象的那样.题目如下: class SingleTon { private static ...
- opengl的矩阵理解
原文链接:http://blog.csdn.net/byhuang/article/details/1476199 矩阵真的是一个很神奇的数学工具, 虽然单纯从数学上看, 它并没有什么特别的意义, 但 ...
- Java Error: java.lang.UnsupportedClassVersionError: ...bad major version at offset=6
问题分析 报这个错误是指你的jar包或者class 的被编译的jdk版本比当前runtime的jdk版本高. 首先,确定你当前的运行版本: Java代码 Java -version java ve ...
- #import 无法打开源文件msado.tlh
#import 无法打开源文件msado.tlh #import "c:\program files\common files\system\ado\msado15.dll" no ...
- app服务端server端数据库设计