`
ticojj
  • 浏览: 156669 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

ajax调用后台并返回页面进行操作

 
阅读更多

JSP 部分:

<script type="text/javascript">
 $(document).ready(function(){
  <% if("2008112800008619".equals(deptCode)){ %>
   initMysolution(); //得到My solution的任务数
  <%}%>
  <%if("1".equals(popedom)){%>
   initNoBid();//得到No Bid的任务数
  <%}%>
  $("#monthTree").youiTree();
  $("#monthTree").show();
 });
 //得到My solution的任务数
 function initMysolution(){
   var url="<%=path%>/order/orderListAction.do?method=findMySolutionCount";//caomeng:2011-10-10     
     var xmlHttp;
     var str="order_type_cd='50030002'&stage_id=STAGE0012";
     try{
      xmlHttp=new XMLHttpRequest();
     }catch(e){
      try{
       xmlHttp=new ActiveXObject("Msxml2.XMLHTTP")
      }catch(e){
       xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
     }
     xmlHttp.open("post",url,true);
     xmlHttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
     xmlHttp.send(str);
     xmlHttp.onreadystatechange=function(){
      if(xmlHttp.readyState==4){
       if(xmlHttp.status==200){           
           var retu=xmlHttp.responseText;
            document.getElementById( "mysol" ).innerHTML =retu;    
       }
      }
     }
  }
  
  //得到No Bid的任务数
 function initNoBid(){
   var url="<%=path%>/order/orderListAction.do?method=findNoBidCount";//caomeng:2011-10-10     
     var xmlHttp;
     var str="order_type_cd='50030002'&stage_id=STAGE0012";
     try{
      xmlHttp=new XMLHttpRequest();
     }catch(e){
      try{
       xmlHttp=new ActiveXObject("Msxml2.XMLHTTP")
      }catch(e){
       xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
     }
     xmlHttp.open("post",url,true);
     xmlHttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
     xmlHttp.send(str);
     xmlHttp.onreadystatechange=function(){
      if(xmlHttp.readyState==4){
       if(xmlHttp.status==200){           
           var retu=xmlHttp.responseText;
            document.getElementById( "nobidcount" ).innerHTML =retu;    
       }
      }
     }
  }
</script>

 

 

 

Struts1 : CustOrderListAction.java 部分:

 

/**
	 * 查询My Solution任务数
	 * add by caomeng bug0001957
	 * @param mapping
	 * @param form
	 * @param request
	 * @param response
	 * @return 
	 */
	public ActionForward findNoBidCount(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response){
		PrintWriter out=null;
		try {
            out=response.getWriter();
        } catch (IOException e) {
            e.printStackTrace();
        }
        OrderListBean orderListBean = (OrderListBean) form ;
		User userInfo = this.getUserInfo(request);
		String order_type_cd = orderListBean.getOrder_type_cd();
		String val = custOrderListService.findNoBidCount(orderListBean, userInfo);
		//System.out.println("val:"+val);
		out.print(val);
		return null;
	}

 

分享到:
评论

相关推荐

    Asp.net中JQuery、ajax调用后台方法总结

    在上面的代码中,我们使用 `$.ajax()` 方法来调用后台方法 `GetArray`,并将返回的数组数据处理显示在页面上。 在后台,需要使用 `[System.Web.Services.WebMethod()]` 特性来标记方法为可被调用的。示例代码如下:...

    使用$.Ajax调用后台.aspx

    本文将深入探讨如何使用$.ajax调用后台的.aspx页面,以及涉及到的相关知识点。 一、$.ajax简介 $.ajax是jQuery库中的一个核心方法,它允许我们执行HTTP请求,如GET和POST,与服务器进行通信。此方法支持JSON、XML、...

    Ajax调用.net后台函数

    此时,你会看到文本框中的值发生了变化,显示了后台返回的信息。 #### 六、异常处理与优化 **步骤7:处理异常情况** 如果遇到问题,例如请求超时,可以按照文章中的说明修改`core.js`文件中相应的处理函数,以...

    ajax调用后台方法

    综上所述,Ajax调用后台方法是前端开发中不可或缺的一部分,它极大地提高了Web应用的交互性和效率。无论是在小规模项目还是大型复杂应用中,正确理解和使用Ajax都能带来显著的性能提升和用户体验改善。

    asp.net 利用jquery-ajax调用后台方法

    下面将详细介绍如何利用jQuery-AJAX调用ASP.NET后台方法。 1. **创建WebMethod** 在ASP.NET的C#或VB.NET代码中,我们可以创建一个静态的WebMethod,标记为 `[WebMethod]` 或 `[ScriptMethod]`,以便可以从...

    根据经纬度对离线地图进行标点示例(用Ajax调用后台接口返回Json数据)

    在本示例中,我们将探讨如何使用经纬度坐标在离线地图上标注点,并通过Ajax调用后台接口来获取Json数据。这个过程涉及到的技术栈包括Java、JavaScript、OpenLayers、HTML和CSS,这些都是构建Web地图应用的关键技术。...

    ajax 前台js调用后台方法

    ### AJAX 前台JS调用后台方法详解 随着互联网技术的发展,前后端分离成为一种趋势,而异步请求作为前后端交互的重要手段之一,在实际开发中占据着重要的位置。AJAX(Asynchronous JavaScript and XML)是一种在无需...

    jquery利用ajax调用后台方法实例

    标题:“jquery利用ajax调用后台方法实例” 这个标题表明我们将讨论一个使用jQuery的Ajax功能与后台交互的实际示例。Ajax(Asynchronous JavaScript and XML)允许我们在不刷新整个页面的情况下,向服务器发送请求...

    JS Ajax --- 使用AjaxPro 调用后台方法 操作数据库

    通过Ajax调用`Updates`方法,前端可以在不刷新整个页面的情况下,向后端发送请求并获取响应,从而实现数据库的实时操作。 ### web.config配置 为了使AjaxPro正常工作,还需要在项目的`web.config`文件中进行相应的...

    js操作Cookie子键+Jquery调用Ajax方法执行后台操作

    本文将深入探讨如何使用JS操作Cookie的子键,以及如何利用jQuery的Ajax方法进行无刷新的数据提交,并接收后台返回的值。 首先,让我们了解什么是Cookie和它的子键。Cookie是一种在客户端存储小量信息的方法,它由...

    asp.net手写ajax调用后台方法

    本篇文章将深入探讨如何在ASP.NET中手写AJAX调用后台方法。 首先,理解AJAX的核心原理是关键。它允许浏览器异步与服务器通信,无需刷新整个页面即可获取或更新数据。在ASP.NET中,我们可以利用JavaScript库,如...

    解决ajax请求后台,有时收不到返回值的问题

    昨天下午做项目遇到一个问题,贴出来方便以后翻阅,也给大家个参考。 问题: 具体做的是个文件导入的功能,导入的功能是成功了...这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现

    AJAX,AJAXPro,Anthem实现前台调用后台代码实例

    以下是一个基本的AJAX调用后台代码的示例: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', '/api/data', true); xhr.onreadystatechange = function() { if (this.readyState === 4 && this....

    微软Ajax异步调用页面后台类和WebSerivce例子

    具体到“TestAsynchronism”这个压缩包中的文件,很可能是包含了一个或者多个测试示例,演示了如何使用Ajax调用页面后台类的方法以及WebService。可能包含了ASPX页面、对应的后台代码文件、以及一个或多个ASMX文件。...

    前台JS(Jquery)调用后台方法

    总的来说,"前台JS (Jquery) 调用后台方法"涉及了JQuery库中的AJAX功能,以及如何利用这些功能创建无刷新的级联菜单。通过理解这些概念和技术,开发者可以构建更高效、响应更快的前端应用,提高用户体验。

    jqueryAjax_无刷新调用另一页实例

    4. **触发AJAX请求**:可以将上述AJAX调用绑定到用户事件上,如按钮点击或链接的鼠标悬停,这样在用户执行特定操作时,才会发起请求。例如: ```javascript $("#loadButton").click(function() { // 当点击id为...

    使用ASP.NET AJAX异步调用Web Service和页面中的类方法

    ASP.NET AJAX同样提供了对页面后台类方法的异步调用支持。这些方法通常定义在ASPX页的代码隐藏类中。调用方式与Web Service相似,但无需通过`Services`属性注册,而是直接在JavaScript中通过`PageMethods`对象调用,...

    如何操作ajax调用

    ### 如何操作Ajax调用:深入理解与实践 在现代Web开发中,异步JavaScript和XML(Ajax)技术被广泛应用于实现网页的异步数据交互,使得用户可以在不刷新整个页面的情况下,动态地获取和更新数据。本文将深入探讨如何...

    Ajax实现后台调用

    Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在后台与服务器交换数据并更新部分网页内容。通过创建XMLHttpRequest对象,建立与服务器的连接,发送请求,并处理服务器返回的响应,实现了页面的局部...

    vs2008后台调用前台,前台调用后台代码

    总结来说,VS2008中的后台调用前台和前台调用后台是通过各种交互机制实现的,包括PostBack、AJAX、Web服务等。理解这些概念和机制,有助于开发出更高效、用户体验更好的Web应用程序。在实际项目中,结合使用这些技术...

Global site tag (gtag.js) - Google Analytics