`

JSON Ajax异步请求实现select联动

 
阅读更多

 

 

$('#selDivision').change(function(){
	    	 $('#nhiPrice').val('');
	    	 clearGoaPrice();
	    	 clearGoaPriceCss();
	         $('#selProdName option').remove();
	         $('#selProdName').append("<option value='-1'>"+'<s:text name="pub.select.tag.please.select"/>'+"</option>"); 
	         $.ajax({
	              type: "POST",   
	              url: "<%=appPath%>/findProdNameByDivision.do",  
	              dataType: "json", 
	              data: {buCode: $('#selDivision').val()}   
	            }).done(function(msg) {
	            	$.each(msg, function(index, obj){
	            		 $('#selProdName').append('<option value="'+obj+'">'+obj+'</option>'); 
	            	 });
	             });   
	     }); 

 

 

function findSysGoaByDivAndProd(msdProdName){
		  $.ajax({
              type: "POST",   
              url: "<%=appPath%>/goaNHIMt_findSysGoaByDivAndProd.do",
              dataType: "json",
              data: {msdProdName: msdProdName,buCode:$('#selDivision').val()}
            }).done(function(data){
                var isNoGoa = true;
            	 $.each(data, function(index, obj){
           		    if(obj.custMsdEntity == '' || obj.custMsdEntity==null){
           		    	$('#goaPrice_'+obj.roleCode).val(toFixed(obj.goaPrice,4));
               		 	$('#id_'+obj.roleCode).val(obj.id);
           		    }else{
           		    	$('#goaPrice_'+obj.custMsdEntity+'_'+obj.roleCode).val(toFixed(obj.goaPrice,4));
               		 	$('#id_'+obj.custMsdEntity+'_'+obj.roleCode).val(obj.id);
           		    }
           		 isNoGoa = false;
           		 });
           		 if(isNoGoa){
           			clearGoaPrice();
           		 }
          	});
	  }

 

 

public void findProdNameByDivision()throws Exception{
		prodList = sysConfigureService.findProdNameByDivision(buCode);
		JSONArray jsonList = JSONArray.fromObject(prodList); 
		PrintWriter out = null;
        HttpServletResponse response = getResponse();
        response.setContentType("text/plain");   
        response.setCharacterEncoding("utf-8");   
        out = response.getWriter();
        out.print(jsonList);
	}

 

 

分享到:
评论

相关推荐

    JSP+AJAX实现两级select联动 代码

    本篇将深入探讨如何利用JSP和AJAX实现两级select联动的效果,以及这种效果在实际应用中的价值。 首先,我们要理解什么是JSP。JSP是Java的一种服务器端脚本语言,它允许开发者在HTML页面中嵌入Java代码,从而动态...

    ajax json select 多级联动

    以上就是使用Ajax、JSON和`&lt;select&gt;`实现多级联动的基本流程。在实际项目中,可能还需要考虑错误处理、数据缓存、性能优化等问题。同时,随着前端技术的发展,现代框架如React、Vue等提供了更高效、更便捷的方式来...

    ajax 异步实现两级联动下拉列表和输入提示

    当用户在第一个下拉框中做出选择时,AJAX会异步发送请求到服务器,获取匹配的第二级数据,然后更新第二个下拉框的内容。 在这个项目中,`AjaxTest`可能是包含所有代码的文件夹,可能包括HTML、JavaScript、CSS和...

    php+ajax异步调用 三级联动

    这里我们讨论的主题是"PHP+AJAX异步调用三级联动",这是一个常见于表单选择框或者下拉菜单的功能,通常用于地区选择、产品分类等场景,用户在选择一级选项后,二级和三级选项会根据一级的选择动态加载,提供更精确的...

    AJAX Jquery Json实现省市三级联动

    5. **AJAX请求**:使用jQuery的`$.ajax()`或`$.get()`方法发送异步请求。URL中应包含省份ID,服务器根据此ID返回对应城市的JSON数据。 6. **处理响应数据**:在AJAX请求成功后,清空市下拉菜单,然后解析返回的JSON...

    Ajax四级联动源代码

    2. **Ajax请求**:使用`XMLHttpRequest`对象或者更现代的`fetch` API来发送异步请求。设置合适的HTTP方法(GET或POST)、URL(指向`read.ashx`)和请求体(如果需要传递参数)。 3. **数据交互**:服务器返回的数据...

    AJAX二级联动超实用例子程序(三种)

    在这个“AJAX二级联动超实用例子程序”中,包含了三种不同的实现方式,每个都作为一个独立的Web工程,展示了如何利用AJAX进行二级联动效果的构建。 一、二级联动的基本概念 二级联动通常指的是在一个下拉框(select...

    jQuery Ajax 三级省市联动 (JSON)

    这里我们将深入探讨如何使用jQuery和Ajax技术实现这一功能,并结合JSON数据格式来动态加载和展示地区信息。 首先,理解jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互。Ajax全称...

    jquery+ajax+json省市区三级联动

    这里我们探讨的主题是“jquery+ajax+json省市区三级联动”,这个功能利用jQuery库的便捷性,结合AJAX异步数据交换,以及JSON数据格式来实现动态地加载和更新省市区的选项。 首先,jQuery是一个强大的JavaScript库,...

    实现select联动,源代码

    这个函数通过AJAX异步请求向服务器发送数据,请求中包含用户当前选择的值。服务器根据这些值查询数据库,找到关联的数据,然后将结果返回给客户端。 在Java Web中,我们可能使用Servlet或Spring MVC框架来处理这些...

    jQuery json省市区街道四级联动地址选择插件

    在实际项目中,这样的插件可以通过AJAX异步加载数据,实现动态更新,提高用户体验。同时,考虑到不同地区的行政区划可能发生变化,设计时应考虑数据的可维护性和灵活性。 总结,jQuery json省市区街道四级联动地址...

    Ajax无刷新三级联动和分页

    Ajax的核心是通过XMLHttpRequest对象向服务器发送异步请求,获取数据后,JavaScript可以动态地更新页面,而无需刷新整个页面。这种技术极大地提高了用户体验,减少了网络带宽的消耗,并且可以避免用户在页面交互过程...

    AJAX实现省市区三级联动

    在实现联动时,servlet可以接收前端的AJAX请求,查询数据库,然后返回所需的数据。 8. **数据库设计**:为了支持联动,数据库需要存储省、市、地区的层级关系,一般用一个包含省、市、区三个字段的表来表示。每个...

    超简单的ajax+jsp实现2级联动!!

    在这个"超简单的ajax+jsp实现2级联动"的例子中,我们将探讨如何利用AJAX(Asynchronous JavaScript and XML)技术和JavaServer Pages (JSP)来实现这种功能。 首先,我们需要了解AJAX的基本原理。AJAX允许网页在不...

    ajaxdwr select二级联动

    在这个“ajaxdwr select二级联动”的场景中,我们将讨论如何利用这两种技术实现下拉菜单的级联选择效果。 Ajax是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。它通过JavaScript发送异步请求到服务器,...

    ajax的二级联动下拉列表

    本文将深入探讨如何使用Ajax实现二级联动下拉列表,这是一种常见且实用的功能,尤其在数据筛选和表单填写时。联动下拉列表通常出现在需要根据父级选择项动态加载子级选项的场景,例如省份与城市的选择。 首先,我们...

    ajax实现省市联动

    【Ajax实现省市联动】是一种常见的前端交互功能,它在用户选择省份时自动更新下拉框中的城市选项,提供无缝的用户体验。这个功能的核心是利用Ajax(异步JavaScript和XML)技术,结合HTML、CSS和JavaScript进行页面...

    Ajax_实现下拉框的联动(详细注释)

    3. AJAX:向服务器发送异步请求,请求中携带用户选择的数据。 4. Server-side:接收Ajax请求,根据请求参数处理数据,如查询数据库。 5. JSON:服务器返回数据通常以JSON格式,因为其轻量级且易于解析。 6. ...

    ajax实例,用ajax实现的联动

    通过在前端设置事件监听,利用Ajax异步请求后端数据,再根据返回的结果动态更新页面,使得用户在操作一个元素时,可以即时看到其他相关元素的变化。这个实例展示了如何用Java和Ajax结合实现联动效果,提供了前后端...

    Ajax实现三级联动下拉框

    通过Ajax技术,我们可以在用户选择上级选项时,异步请求并更新下级选项的数据,从而实现流畅且响应迅速的用户界面。 #### Ajax基础概念 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的...

Global site tag (gtag.js) - Google Analytics