ajax接触
1.
function doSave() {
ajax_get("${contextPath}/auth/functionsave", $("#editForm").serialize(), function(data) {
if (data.errorMessage) {
showmsg(0, data.errorMessage);
} else {
showmsg(1, "处理成功!");
}
});
} 2.跳出窗口
funFrame.location.href="${contextPath}/auth/functionform?id="+treeNode.id; 3.
ffunction ajaxFileUpload(id) { var uploadUrl = encodeURI(encodeURI("${contextPath}/commons/uploadimgs"));
if (uploadUrl != "") {
$.ajaxFileUpload({
url : uploadUrl,
secureuri : false,
fileElementId : 'uploadfile' + id,
dataType : 'text',
success : function(data, status) {
var dataset = jQuery.parseJSON(jQuery(data).text());
if (dataset.ret == "ok") { if (id == 0) { $("#sicon").attr("src", dataset.url);
$("#icon").val(dataset.url);
//alert(1);
} else if (id == 1) {
$("#smicon").attr("src", dataset.url);
$("#micon").val(dataset.url);
} else if (id == 2) {
$("#sbicon").attr("src", dataset.url);
$("#bicon").val(dataset.url);
}
} else if (dataset.ret == "empty") {
showmsg(0, '没有选择图片,请先选择图片!');
} else {
shomsg(0, '图片上传失败,请重试!!');
}
},
error : function(data, status, e) {
console.log(e);
console.log(data);
showmsg(0, '图片上传失败,请重试!!');
}
});
}
} 4.
$.ajax({
url : "${contextPath}/web/createproject1.htm",
data : $("#editForm").serialize(),
cache : false,
success : function(xmlHttp) {
var res = xmlHttp;
if (res.errorMessage && res.errorMessage != "") {
showmsg(0, res.errorMessage);
} else {
location.href = "${contextPath}/web/tocreateproject2.htm?projectid="+ res.llong;
}
}
}); 4.ajax 动态传值 (同一个页面中)
<a href="#" onclick="getRightInfo(${v.ctid})"></a> <div id="rightinfo"></div> <script type="text/javascript">
$(document).ready(function() { }); function getRightInfo(ctid) {
$.ajax({
url : "${contextPath}/web/infoshoplist.htm",
data : "ctid="+ctid,
cache : false,
success : getRightInfoCallback
});
} function getRightInfoCallback(xmlHttp) {
var mainfloor = xmlHttp.infoshoplist; if (mainfloor != null) {
$("#rightinfo").hide();
var str = ''; for (var i = 0; i < mainfloor.length; i++) {
str += '<a href="${contextPath}/web/infoshop.htm?shopid=' + mainfloor[i].shopid + '">';
str += '<div class="media">';
str += '<div class="A">';
str += '<div class="media-left">';
str += '<img class="media-object" src="${contextPath}/resources/' + mainfloor[i].icon + '">';
str += '</div>';
str += '<div class="media-body">';
str += '姓名:'+ mainfloor[i].username;
str += '<br>';
str += '标签:'+ mainfloor[i].ctname;
str += '<br>';
str += '店铺:'+ mainfloor[i].shopname;
str += '</div>';
str += '</div>';
str += '</div>';
str += '</a>';
} $("#rightinfo").html(str);
$("#rightinfo").show(); } else {
$("#rightinfo").hide();
}
}
</script> @RequestMapping("/infoshoplist.htm")
@ResponseBody
public Map<String, Object> infoshoplist(Model model, RequestParameter param) { Map<String, Object> map = new HashMap<String, Object>();
map.put("infoshoplist", webService.getInfoShopList(param.getCtid()));
return map;
} 5.
function doLogin() {
if (trim($('#username').val()) == "") {
showmsg(0, "请输入用户名");
return;
}
if (trim($('#password').val()) == "") {
showmsg(0, "请输入密码");
return;
}
$.ajax({
url : "${contextPath}/web/login.htm",
data : $("#loginForm").serialize() ,
cache : false,
success : function(xmlHttp) {
var res = xmlHttp;
if (res.errorMessage && res.errorMessage != "") {
showmsg(0, res.errorMessage);
} else {
if (str_isblank(res.status)) {
showmsg(1, "登录成功!");
window.setTimeout("window.location='${contextPath}/web/toindex.htm'", 1500);
} else {
showmsg(1, "登录成功!");
var fromUrl = res.status;
location.href = fromUrl;
}
}
}
}); }
ajax接触的更多相关文章
- Ajax接触及对跨域的简单理解
[Ajax]Ajax技术能够向服务器请求额外的数据而无须卸载页面能带来更好的用户体验.Ajax技术的核心是XMLHttpRequest对象(简称XHR),XHR向服务器发送请求和解析拂去其响应提供了流 ...
- Ajax 之XMLHttpRequest讲解
一直以来都听别人说Ajax,今天终于接触到了.......... 一.什么是Ajax? 答: AJAX即“Asynchronous Javascript And XML”(异步JavaScript和X ...
- java中的JSON对象的使用
申明:没工作之前都没听过JSON,可能是自己太菜了.可能在前台AJAX接触到JSON,这几天要求在纯java的编程中,返回JSON字符串形式. 网上有两种解析JSON对象的jar包:JSON-lib. ...
- js-jquery 中$.ajax -浅显接触
工作了将近2年,终于开始自己写ajax了!!!真紧张的! 当年培训时就没有学ajax,就让我们自己看看,我是那种主动学习的人吗?不是!!!所以搞不懂ajax!!!!! 在工作中,数据的绑定我们之前都是 ...
- 三、jQuery--Ajax基础--Ajax全接触--jQuery中的AJAX
用jQuery实现Ajax jQuery.ajax([settings]) type:类型,“POST”或“GET”,默认为“GET” url:发送请求的地址 data:是一个对象,连同请求发送到服务 ...
- 三、jQuery--Ajax基础--Ajax全接触--Ajax在JS中的应用
Ajax的全称:Asynchronous JavaScript And XML(异步的 JavaScript 和 XML). Ajax不是某种编程语言,是一种在无需重新加载整个网页的情况下能够更新部分 ...
- Ajax全接触
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML) 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不 ...
- ajax再接触
贴三个目前写的已经工作了的ajax,并且给出备注: 1.这是第一个ajax以及它的接口文档,需要注意的是1.因为返回数据是xml所以多加了contentType:"application/x ...
- Ajax提交表单初接触
<!doctype html> <html class="no-js"> <head> <meta charset="utf-8 ...
随机推荐
- kaili 2.0 metasploit连接postgres数据库
第一步:使用命令 db_init 初始化数据库
- 多命令顺序执行、管道符 ; && || |
多命令顺序执行:
- zoj 1648 判断线段是否相交
链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=648 Circuit Board Time Limit: 2 Second ...
- React生命周期浅析
引言 关于React的生命周期API,官网,有着详细说明.但在实际写代码的过程中,这些说明不能解决所有的疑惑. 所以我列举了一些编码中常见用例,供大家参考. 示例代码如下 /* use case 1. ...
- 让css初学者抓狂的属性float
挣扎了好久,始终没有决定要不要写博客,心里有几个顾虑一是我是小白,我写的文章有没有人看?二是我是小白,我写的文章假如存在诸多错误,理解的不对发表上去再去误导别人.三是写一篇文章费时费力.但是我现在想明 ...
- ASP.Net UpdatePanel控件(转)
Asp.net UpdatePanel 允许用户构建一个丰富的,以客户端为中心的应用程序,引用UpdatePanel控件,能够实现页面的部分刷新,一个包含scriptManage和 UpdateP ...
- javascript练习----复选框全选,全不选,反选
第一种方式: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ...
- you don't have permission to view it 解决
the file couldn't be opened because you don't have permission to view it 简单设置下面的选项即可,不要谢我啊! change ...
- spring-boot资料
spring-boot-admin的相关资料 This application provides a simple UI to administrate Spring Boot application ...
- The Zen Programmer (zhuan)
http://blog.csdn.NET/marksinoberg/article/details/52460725 ***************************************** ...