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;
}

时间: 2024-10-13 12:39:17

ajax接触的相关文章

Ajax接触及对跨域的简单理解

[Ajax]Ajax技术能够向服务器请求额外的数据而无须卸载页面能带来更好的用户体验.Ajax技术的核心是XMLHttpRequest对象(简称XHR),XHR向服务器发送请求和解析拂去其响应提供了流畅的接口.能够以异步方式从服务器取得更多信息,意味着用户单击后,可以不刷新页面也能取得新数据.也就是说,可以使用XHR对象取得新数据,然后再通过DOM将新数据插入到页面中.(这种技术就是无需刷新页面即可从服务器取得数据,被称为浏览器与服务器的通信) 在Ajax技术之前,网络世界是同步进行的,造成了很

Ajax 之XMLHttpRequest讲解

一直以来都听别人说Ajax,今天终于接触到了.......... 一.什么是Ajax? 答: AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和XML(标准通用标记语言的子集). AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对

java中的JSON对象的使用

申明:没工作之前都没听过JSON,可能是自己太菜了.可能在前台AJAX接触到JSON,这几天要求在纯java的编程中,返回JSON字符串形式. 网上有两种解析JSON对象的jar包:JSON-lib.jar和json.jar,这里主要介绍JSON-lib.jar. jar包地址如下: json-lib-2.4-jdk15.jar所需全部JAR包.rar 一.JSON-lib.jar还依赖以下jar包: commons-lang.jar commons-beanutils.jar commons-

ajax全接触

Ajax 全接触 概念介绍 异步: 指某段程序执行时不会阻塞其他程序执行,其表现形式为程序的执行顺序不依赖程序本 身的书写程序,相反则为同步.其优势在于不阻塞程序的执行,从而提升整体执行效率. 实现异步的大致流程: 运用HTML和CSS来实现页面,表达信息 运用XMLHttpRequest和web服务器进行数据的异步交换 运用JavaScript操作DOM,实现动态局部刷新. http:使计算机通过网络进行通信的规则. 是一种无状态的协议.也就是不建立持久的链接. http请求的过程: 建立TC

jQuery的文档操作(重点)/简单接触ajax(和风天气)

一.jQuery的文档操作****** 之前js中学习了js的DOM操作,也就是所谓的增删改查DOM操作.通过js的DOM的操作,大家也能发现,大量的繁琐代码实现我们想要的效果.那么jQuery的文档操作的API提供了便利的方法供我们操作我们的文档. 看一个我们JS操作DOM的例子: var oUl = document.getElementsByTagName('ul')[0]; var oLi = document.createElement('li'); oLi.innerHTML = '

AJAX初次接触

AJAX:即Asynchronous JavaScript and XML,异步JavaScript和XML. 优点1.ajax使用js语言与服务器进行异步交互.即js向服务器发送一个请求后,不需要等到服务器响应,可以继续多次发送请求:而同步交互的话,需要等到服务器响应结束才可以发送第二个请求. 优点2.ajax最大特点就是浏览器页面局部刷新.在之前,每当用户向服务器端发送请求时,哪怕需要的只是简单的更新一点内容,服务器都会进行页面整体刷新,并重新生成代码,这会加重服务器端压力以及程序性能的降低

ajax再接触

贴三个目前写的已经工作了的ajax,并且给出备注: 1.这是第一个ajax以及它的接口文档,需要注意的是1.因为返回数据是xml所以多加了contentType:"application/xml"和dataType:"xml"两句:2.xml请求参数比较奇怪(data:后面跟的),详见接口文档里的请求样例:3.当我给这段代码的末尾加分号(:)的时候,console不出来获取的数据了,非常奇怪,但它是一个值得注意的问题. $.ajax({ type:"pos

Ajax全接触(2)

例子简介 1.查询员工信息,可以通过输入员工编号查询员工基本信息: 2.新建员工信息,包含员工姓名,员工编号,员工性别,员工职位: 实现: 1.纯html页面,用来实现员工查询和新建的页面: 2.php页面,用来实现查询员工和新建员工的后台接口 PHP简介 PHP是一种创建动态交互性站点的服务器端脚本语言 PHP能够生成动态页面内容 PHP能够创建.打开.读取.写入.删除以及关闭服务器上的文件 PHP能够接收表单数据 PHP能够发送并取回cookies PHP能够添加.删除.修改数据库中的数据

JSON JSONP ajax

JSON 是一种数据格式 不是数据类型 也不是编程语言  JSON: JavaScript对象表示法 (JavaScript Object  Nonation)  与XML类似 比xml更小 更快 更易解析 JSONP :JSON+Padding (内填充)   把JSON当作内容添加到一个盒子里    用于 跨域              callback参数 什么是JSONP 首先提一下JSON这个概念,JSON是一种轻量级的数据传输格式,被广泛应用于当前Web应用中.JSON格式数据的编码