`

servlet结合jquery实现异步请求

阅读更多
servlet部分代码,依赖net.sf.json包
1.返回json对象
//初始化查询条件流域
			HashMap<String,ArrayList<HashMap>> resultMap = new HashMap<String,ArrayList<HashMap>>();
			ArrayList<HashMap> lyList = null;//流域
			try {
				String lySQL = "select distinct(syslycode),syslyname from t_inventoryList where syslycode is not null";
				lyList = ab.query(lySQL);
				resultMap.put("ly", lyList);
				JSONObject jsonObj = JSONObject.fromObject(resultMap);
				toRespdb(response,jsonObj);
			} catch (Exception e) {
				e.printStackTrace();
			}

2.返回json数组
try {
				QJMNUtil util=new QJMNUtil();
				List<Map<String,Object>> seriesList = util.getFushionContentForHYPFFX(request,ab);
				JSONArray jsonArray = JSONArray.fromObject(seriesList);
				toRespdb(response,jsonArray);
				}
			catch (Exception e) {
				e.printStackTrace();
			}

/**
	 * 向前台写数据
	 * @param resp
	 * @param content
	 */
	public void toRespdb(HttpServletResponse resp,Object content){
		try {
			PrintWriter out = resp.getWriter();
			out.print(content);
			out.close();
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

前台jquery部分jsonarray
//改变流域时,修改河流下拉框数据
function modifyhl(obj){
	var lyval=$(obj).val();
	//改变流域时将河流文本框置空
	$("#hllist").val("");
	$("input:hidden[name='wsystemcode3']").val("");
	$.ajax({
		url: '../qdfx.do',
        cache: false, //不从缓存中取数据 
        data: {todo:'QueryByHl',lycode:lyval,type:'eidt'},
        type:'post',
        async:false,
        dataType:'json',
        timeout:100000,//超时
        error:function (msg) {
            alert(msg.responseText);
        },
        success:function(dbresp)
        {
        	$("#loadId").remove();
        	$.fn.zTree.init($("#treeTrade"), setting,dbresp);
        }
	});
}

前台jquery部分jsonobject
//加载流域
function loadly(){
	$.ajax({
		url: '../qdfx.do',
        cache: false, //不从缓存中取数据 
        data: {todo:'QueryByLy'},
        type:'post',
        async:false,
        dataType:'json',
        timeout:100000,//超时
        error:function (msg) {
            alert(msg.responseText);
        },
        success:function(dbresp)
        {
        	var lyList = dbresp.ly;
        	var trade = dbresp.trade;
        	for(i=0;i<lyList.length;i++){
        		$("#lylist").append("<option value='"+lyList[i].SYSLYCODE+"'>"+lyList[i].SYSLYNAME+"</option>");
        	}
        }
	});
}
分享到:
评论

相关推荐

    Java通过jQuery实现ajax异步请求

    本示例工程"Java通过jQuery实现ajax异步请求"着重展示了如何利用jQuery的AJAX功能与后端Java服务器进行数据通信,从而实现页面的无刷新更新。以下将详细解释这个过程中涉及的关键知识点。 首先,jQuery是一个强大的...

    servlet+jquery实现文件上次进度条

    "servlet+jquery实现文件上传进度条"这个主题正是为了改善这一情况,通过结合Java的Servlet技术和JavaScript的jQuery库,为用户提供了可视化的文件上传进度指示。 Servlet是Java服务器端编程的基础,它在Web应用中...

    jquery+servlet 异步获取数据 并显示出来(很有收获的哦!)

    在jQuery中,$.ajax()是最强大的异步请求方法,它可以配置各种参数,如URL、请求类型(GET或POST)、数据类型(JSON、XML、HTML等)以及回调函数。例如,我们可以这样使用$.ajax来获取Servlet返回的数据: ```...

    使用Servlet+jQuery实现读取本地硬盘图片

    3. **Ajax交互**:使用`.ajax()`或者`.get()`, `.post()`等方法实现异步数据请求,能够与服务器进行无刷新通信。 **本地图片读取** 1. **文件I/O操作**:Servlet可以在服务器端读取本地硬盘的图片文件,使用`java....

    ajax+servlet+jquery+jsp示例

    在这个示例中,可能使用了`$.ajax()`或者`$.get()`或`$.post()`方法来发送异步请求。这些函数提供了方便的方式来设置请求参数,如URL、类型(GET或POST)、数据以及回调函数等。 2. **Servlet处理请求**:在服务器...

    使用jQuery实现异步操作(包括异步提及form表单)Meet520.doc

    例如,以下代码展示了如何使用jQuery进行异步请求: ```javascript $.getJSON('/Meet520/ajax.action?id=' + id, function(json) { // 处理返回的json数据 }); ``` 在这个例子中,`/Meet520/ajax.action`是服务器...

    jquery异步提交例子

    本文将深入探讨jQuery异步提交的概念、用途及其在实际项目中的应用,特别是结合Servlet进行数据交互。 首先,异步提交是Web开发中的重要技术,它允许页面在不刷新的情况下与服务器进行数据交换,提高了用户体验。...

    jquery请求servlet实现ajax异步请求的示例

    在ajax技术中,servlet通常用于处理前端发送的异步请求,并返回处理结果。 知识点四:servlet的doGet和doPost方法 在servlet中,doGet和doPost方法分别用于处理GET请求和POST请求。在处理ajax请求时,通常只需要...

    Servlet使用jquery.uploadify上传附件

    在这个场景中,我们将探讨如何使用Servlet结合jQuery的uploadify插件来实现附件的上传。Servlet是Java Web应用中的服务器端组件,用于接收客户端请求并返回响应。jQuery则是一种强大的JavaScript库,它简化了DOM操作...

    Jquery实现表单异步提交.zip

    - **构建Ajax请求**:使用`.ajax()`方法发送异步请求,例如: ```javascript $.ajax({ url: "submitForm", // 后端处理表单的URL type: "POST", data: $("#formId").serialize(), // 序列化表单数据 dataType...

    Java+Servlet+Jquery+Json基础示例

    例如,通过Jquery,可以轻松实现页面元素的选择、修改、动画效果以及与服务器的异步数据交换。 Json(JavaScript Object Notation)则是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。它...

    Servlet利用Ajax,JQuery交互Json

    使用JQuery,开发者可以更轻松地实现Ajax请求,比如使用`$.ajax()`或`$.getJSON()`方法,这些方法封装了创建XMLHttpRequest对象、发送请求和处理响应的复杂过程。 Json(JavaScript Object Notation)是一种轻量级...

    一个简单的用Java、Jsp、Servlet、jQuery实现的图书管理系统.zip

    在这个图书管理系统中,jQuery可能用于实现用户界面的动态效果,如数据的异步加载、表单验证和交互式的UI元素。 5. **MySQL数据库**: MySQL是关系型数据库管理系统,用于存储和管理图书管理系统的数据,如图书信息...

    easyui+servlet+jdbc实现的异步增删改查

    用户可以通过表格进行数据的查看,并通过按钮触发添加、删除、修改等操作,这些操作都是通过Ajax异步请求来实现的,提高了用户体验。 Servlet是Java中用于处理HTTP请求的服务器端程序,它在Web应用中起到了连接前端...

    Servlet jQuery Ajax

    Servlet提供了服务器端处理逻辑的能力,jQuery简化了JavaScript编程,而Ajax则实现了无刷新的数据交互。了解并熟练掌握这三项技术,对于提升Web应用的用户体验和性能至关重要。在实际项目中,它们的组合使用可以构建...

    jsp+servlet+el+jquery+ajax增删改mysql

    在本项目中,jQuery可能被用于实现页面上的动态效果和用户交互,如数据的异步提交,通过Ajax调用Servlet进行数据库操作。 **Ajax** Ajax(Asynchronous JavaScript and XML)技术使得网页可以在不重新加载整个页面...

    select2最好用的异步请求下拉搜索

    在写一个功能的时候需要根据司机查询车辆,后台数据动态追加到下拉框,因为车辆较多,所以需要用搜索,刚开始用了一种,但是跟打印功能冲突,后来找到了select2,这里有三个文件,一个js,一个css,还有一个用法说明,...

    json+servlet+jquery整合

    2. **AJAX请求**:jQuery的`$.ajax()`或`$.getJSON()`方法用于发起异步请求。这些方法可以设置请求URL(通常是Servlet的URL)、请求类型(GET或POST)、数据(如果需要发送到服务器)等参数。 3. **数据序列化**:...

    电子相册系统 Spring+hibernate+servlet+jquery

    本系统利用Java技术栈,结合Spring、Hibernate、Servlet和jQuery,打造了一个高效、易用且功能完善的电子相册系统。下面将详细阐述这些关键技术在系统中的应用。 一、Spring框架 Spring作为Java企业级应用的核心...

    jsp写的有注册登录功能的servlet+mysql+jquery实现的交友系统

    【标题】中的“jsp写的有注册登录功能的servlet+mysql+jquery实现的交友系统”表明这是一个基于Web的交友应用程序,使用了Java Server Pages (JSP)、Servlet、MySQL数据库和jQuery技术来构建。该系统提供了用户注册...

Global site tag (gtag.js) - Google Analytics