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 ...
随机推荐
- mongodb .net driver
1.介绍 The official MongoDB .NET Driver provides asynchronous interaction with MongoDB. Powering the d ...
- HIP-HOP 漫画家 Skottie Young
http://blog.sina.com.cn/s/blog_67e59b160100v9ib.html 以上是部分预览图! 下载地址: 29 MB= 127 张 yy语 ...
- 9.Methods(二)
4.Operator Overload Methods allow a type to define how operators should manipulate instances of the ...
- .net反射详解(转)
摘自:http://www.cnblogs.com/knowledgesea/archive/2013/03/02/2935920.html 概述反射 通过反射可以提供类型信息,从而使得我们开发人员在 ...
- Windows Internals学习笔记(三)Procdump的使用
参考资料: 1. 下载地址 2. 使用示例
- ubuntu 16.04 安装 QQ
需要在Ubuntu 16.04下使用QQ,查找了一下,知乎的办法可行. 参考了:http://www.zhihu.com/question/20176925 与 http://www.zhihu.co ...
- 《FLASH CC 2015 CANVAS 中文教程》——3、this关键字 入门
注::如果你对 FLASH 这个软件操作不够熟悉,建议你可以先看看FLASH动画之类的书. :FLASH CC 在文中直接简称为CC. :以下所以文章中所说的快捷键 如果你按了不起作用,请检查是否有其 ...
- 微信公众平台开发详细步骤与java代码
1.微信公众平台设置 首先在https://mp.weixin.qq.com/注册一个公众平台账号(服务号.订阅号.企业号的区别) 微信公众平台地址:https://mp.weixin.qq.com ...
- 使用一个封装的json删除方法
<!-- 前台js代码:其实现的目的:利用异步的封装方法实现增删改操作!--> <script type="text/javascript"> functi ...
- Spring security3入门(转)
http://kingxss.iteye.com/blog/1908011 补充类图: 注意:1.修改为链接mysql数据库: 2.代码地址:https://github.co ...