ajax异步举例
SelectInfo = {
release_url: "/compatible/getReleaseFor",
project_url: "/compatible/getProjectInfo",
init:function (){
this.initReleaseInfo();
this.initProjectInfo();
},
initReleaseInfo: function (){
//var datas = this.getReleaseInfo(this.release_url);
this.getSelectInfo(this.release_url, true, function(datas) {
var selectDiv = $("#compatibletest-release-select");
selectDiv.append("<option></option>");
for(var i=0;i<datas.length;i++){
var data = datas[i];
var html = '<option name=\"'+data +'\">' + data + '</option>';
selectDiv.append(html);
}
});
},
initProjectInfo: function (){
//var datas = this.getReleaseInfo(this.release_url);
this.getSelectInfo(this.project_url, true, function(datas) {
var selectDiv = $("#compatible-project-select");
selectDiv.append("<option></option>");
for(var i=0;i<datas.length;i++){
var data = datas[i];
var html = '<option name=\"'+data +'\">' + data + '</option>';
selectDiv.append(html);
}
});
},
beforeShow: function () {
var thiz = this;
$('#' + this.domId).on('show.bs.modal', function(event){
var branchUrl = $("#branch-url-span").html();
$("#qmstest-branch").val(branchUrl);
TestCaseSuite.list(true, function(datas){
var qmsTestTypeDiv = $("#qms-test-type-div");
for(var i=0; i<datas.length; i++) {
var data = datas[i];
var html = '<div class="checkbox">' +
'<label>' +
'<input type="checkbox" name="input-qms-testccasesuites-checkbox" value="' + data.id + '" checked>' + data.name +
'</label>' +
'</div>';
qmsTestTypeDiv.append(html);
}
});
});
},
getSelectInfo: function (url,async,func) {
if (async == null || async == undefined) {
async = true;
}
var datas = null;
$.ajax({
type: "GET",
url: url,
async: async,
success : function(result) {
if (result.code != "SUCC") {
var title = "release选项数据获取失败";
var errorMsg = "[" + result.code + "] " + result.data.errMsg;
toastr.error(errorMsg, title);
return;
}
datas = result.data;
if (func != undefined && $.isFunction(func)) {
func(datas);
}
}
});
return datas;
},
}
ajax异步举例的更多相关文章
- ajax异步请求
做前端开发的朋友对于ajax异步更新一定印象深刻,作为刚入坑的小白,今天就和大家一起聊聊关于ajax异步请求的那点事.既然是ajax就少不了jQuery的知识,推荐大家访问www.w3school.c ...
- SSH实战 · AJAX异步校验
前台JS代码 /*异步验证用户名的输入格式以及是否存在*/ function CheckUsername(){ /*取到用户名输入框*/ var nametxt = documen ...
- 淘宝购物车页面 智能搜索框Ajax异步加载数据
如果有朋友对本篇文章的一些知识点不了解的话,可以先阅读此篇文章.在这篇文章中,我大概介绍了一下构建淘宝购物车页面需要的基础知识. 这篇文章主要探讨的是智能搜索框Ajax异步加载数据.jQuery的社区 ...
- spring HandlerInterceptorAdapter拦截ajax异步请求,报错ERR_INCOMPLETE_CHUNKED_ENCODING
话不多说,直接上正文. 异常信息: Failed to load resource: net::ERR_INCOMPLETE_CHUNKED_ENCODING 问题描述: 该异常是在页面发送ajax请 ...
- jquery Ajax异步请求之session
写了一个脚本,如下: $(function () { $("#btnVcode").click(function () { var receiveMobile = $(" ...
- ASP.NET MVC 网站开发总结(五)——Ajax异步提交表单之检查验证码
首先提出一个问题:在做网站开发的时候,用到了验证码来防止恶意提交表单,那么要如何实现当验证码错误时,只是刷新一下验证码,而其它填写的信息不改变? 先说一下为什么有这个需求:以提交注册信息页面为例,一般 ...
- ajax异步请求Response.Redirect重定向
一个ajax异步请求报错->捕获异常->重定向错误提示页面. 一个简单的流程 结果一直搞不定.重定向无效.各种百度之. 后来突然想起 ajax的请求是不能在后台重定向的. 如果硬要重定向 ...
- AJAX 异步交互基本总结
AJAX (Asynchronous JavaScript and Xml) 直译中文 - javascript和XML的异步 同步与异步的区别: 同步交互 执行速度相对比较慢 响应的是完整的HTML ...
- 触碰jQuery:AJAX异步详解
触碰jQuery:AJAX异步详解 传送门:异步编程系列目录…… 示例源码:触碰jQuery:AJAX异步详解.rar AJAX 全称 Asynchronous JavaScript and XML( ...
随机推荐
- java 网络编程基础 1
关于协议: 应用层网络协议包括:http,ftp,telnet,..... 传送层网络协议:使用socket封装的TCP,或UDP 端口: 用于网络通讯时传输数据时区分当前网络连接是与本机中的哪个应用 ...
- 你真的了解UITextView吗?
一:首先查看一下关于UITextView的定义 NS_CLASS_AVAILABLE_IOS(2_0) @interface UITextView : UIScrollView <UITextI ...
- file get contents 访问不了域名原因
file get contents('域名'); 居然不好用 后来发现 etc/hosts 127.0.0.1 www.baidu.com 这样的 #127.0.0.1 www.baidu.co ...
- 15、安全工程师要阅读的书籍 - IT软件人员书籍系列文章
信息安全工程师是一个比较新兴的角色.在2016年今年的下半年软考就将安全工程师纳入了考试科目,说明国家对安全工程师的需求还是不错的.安全工程师包括硬件和软件两块内容吧.这里描述的安全工程师主要是针对软 ...
- yii2 GridView 下拉搜索实现案例教程
作者:白狼 出处:http://www.manks.top/article/yii2_gridview_dropdown_search本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章 ...
- dynamic-load-apk插件原理整理
因为当前项目功能越来越多,编译速度越来越慢(公司电脑配置也挺差的...),并且方法数已超出65535的限制了,虽然通过multidex暂时解决了,但是这并不是一个好的解决方式.所以通过插件来加快编译速 ...
- .net开发过程中遇到的错误,及解决办法记录
一.在证书存储区中找不到清单签名证书. 解决方法:右击项目属性—>签名—>为ClickOnce清单签名,将勾掉的选项去掉. 参考:http://www.cnblogs.com/190196 ...
- memcache使用方法测试 # 转自 简单--生活 #
<?php //php操作memcache的使用测试总结--学习 //1 Memcache::connect; //$memcache = new Memcache; //$ ...
- nginx有关.htaccess小结
可能很多朋友都常用nginx不支持.htaccess,只有apache才支持.htaccess文件,其实这是错误的看法nginx也是支持.hatccess的哦. 其实nginx和.htaccess一点 ...
- Mysql数据库笔记
出错记录: 1.mysql服务启动不了,进程意外终止 1067 错误显示:can not connect to mysql server on local hosts(1061) 解决方法 ...