`
xpopi
  • 浏览: 62633 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

Ajax 垮域(struts2+ajax+jquery autocomplete)

 
阅读更多

 

 

方式一

 

	
		$.getJSON(OSL_SEARCH+"/search/doHotwords4Other.html?jsoncallback=?",function(json){   
			alert(json);
			//要求远程请求页面的数据格式为: ?(json_data) 
				
		});  
 

 

 

 

方式二

 

 

	$.ajax( {
		type:'GET',  
			url : OSL_SEARCH+"/search/doHotwords4Other.html",
		  dataType:'jsonp',  
          jsonp: 'jsoncallback', //默认callback  
		error : function() {
			alert("Error");
		},

		success : function(data) {
				alert(data);
		}
	});
 

 

方式三 

 

在Jquery AutoComplete中:

 

$("#searchHome").autocomplete(OSL_SEARCH+"/search/doSubCat4Other.html?jsoncallback=?",{
	minChars : 0,
	selectFirst:false,
	scroll : false,
	dataType:'jsonp', 
    jsonp: 'jsoncallback',
	extraParams:{param:function(){return shMainType;}},
		parse: function(data) {
			return $.map(data, function(row) {
				return {
					data: row,
					value: row[1],
					result: row[1]
				};
			});
		},
		formatItem: function(row, i, max) {
			return row[1];
		},
		formatMatch : function(e, d, c) {
			return e[1];
		},
		formatResult : function(row) {
			return row[1];
		}
	}
);
 

 

 

 

后台struts 代码demo

 

 

import java.io.IOException;
import java.io.PrintWriter;

import org.apache.struts2.ServletActionContext;
import org.json.simple.JSONObject;

import com.opensymphony.xwork2.ActionSupport;

public class TestAction extends ActionSupport {
	
	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;
	
	private JSONObject json; 
		public void doAjax(){
			System.out.println("come here doAjax");
			json = new JSONObject();
			json.put("D_A", "THomas trest");
			 String callback = ServletActionContext.getRequest().getParameter("jsoncallback");     
	           
		try {
			PrintWriter out = 	ServletActionContext.getResponse().getWriter();
			out.print(callback+"("+json+")");
			out.flush();
			
		} catch (IOException e) {
			e.printStackTrace();
		}
			
		}
		public JSONObject getJson() {
			return json;
		}
		public void setJson(JSONObject json) {
			this.json = json;
		}

}
 

 

 

 

 

 

 

分享到:
评论

相关推荐

    ibatis +spring+struts2+jquery.autocomplete实现产品自动补全功能(二) 附带源码

    在本项目中,"ibatis +spring+struts2+jquery.autocomplete实现产品自动补全功能(二) 附带源码",我们探讨的是如何整合四大技术来创建一个高效且用户友好的Web应用程序,特别是在搜索框中实现产品名称的自动补全...

    ssh+jquery ajax 实现搜索自动补全

    SSH(Struts2、Spring3、Hibernate3)框架与jQuery AJAX技术结合,是现代Web开发中的常见模式,用于构建高效、动态的用户界面。在本项目"ssh+jquery ajax 实现搜索自动补全"中,主要目标是实现类似百度搜索框的自动...

    Struts2 开发

    JavaScript部分使用jQuery和Struts2的插件`struts2_autocomplete`来实现AJAX请求和结果处理。 4. **CSS和JavaScript**:为了美化和交互效果,可能需要自定义CSS样式和JavaScript函数,以调整提示框的样式和行为。 ...

    Ajax自动补全功能

    通过以上步骤,我们完成了基于Struts2框架的Ajax自动补全功能的实现。这种实时反馈的方式极大地提升了用户的搜索体验,同时也让开发者能够更加灵活地处理各种前后端交互需求。在未来的发展中,随着前端技术和框架的...

    jQuery UI(java)

    - 在Java Web应用中,jQuery UI通常与服务器端框架如Spring MVC、Struts2等配合使用,通过AJAX技术实现前后端交互,更新页面内容而无需刷新整个页面。 - 使用JSON或XML格式传输数据,jQuery UI组件能接收并处理...

    仿Google自动完成功能

    在本项目中,我们将探讨如何实现一个仿Google自动完成功能,主要涉及到Java、Struts、jQuery和Ajax等技术。以下是对这些知识点的详细解释。 1. **自动完成(Autocomplete)**:自动完成功能允许用户在输入时根据已...

    struts结合autocomplet实例代码

    同时,需要引入jQuery库和Autocomplet相关的JavaScript文件,例如jQuery UI的Autocomplete插件。 2. **JavaScript配置**:接着,通过JavaScript绑定到输入框的`onkeyup`事件,触发Autocomplet的请求。设置...

    java jquery例子

    在“java项目”中,jQuery可能被用在前端与Java后端进行交互,例如通过Ajax发送异步请求获取数据、更新页面内容,或者使用jQuery验证确保用户提交的数据符合预期格式。分页功能可以应用于显示大量数据的列表,如用户...

    [项目实战] SSI实现产品自动补全功能

    在本项目实战中,我们将探讨如何使用SSI(Server-Side Includes)技术,结合流行的Java Web框架如iBatis、Spring和Struts2,以及前端库jQuery UI的autocomplete组件,来实现一个高效的产品自动补全功能。这个功能...

    SYPRO示例项目源码和EasyUI入门视频教程

    sshe示例程序(struts2+spring3+hibernate4+easyui)(Maven构建) easyui1.2.6整站文件.zip jquery1.7.2中文API修正版.chm jquery.easyui-1.2.5源码未压缩版.rar jquery-easyui-1.2.6.zip JQuery-esqyUI中文-1.2.5API....

    servlet+jsp实现百度搜索自动补全功能

    1. **用户输入监听**:使用JavaScript或者jQuery库(如jQuery UI Autocomplete)来监听用户的输入事件。当用户在搜索框中输入字符时,触发一个Ajax请求,将当前输入的文本发送到服务器。 2. **Servlet处理请求**:...

    DWR与界面开发 资料大全

    2. **构建富客户端应用**:结合DWR和JavaScript库(如jQuery)创建复杂的交互式用户界面。 3. **优化性能**:了解如何优化DWR的性能,如缓存策略、压缩传输等。 七、DWR与其他技术的结合 1. **与AJAX库的协作**:...

    javaweb通用组件

    使用Select2或jQuery UI的Autocomplete可以实现这一功能,后端可以通过RESTful API提供数据。 6. **树形结构组件**: 在展示层级关系数据时,如部门结构、产品分类等,树形结构组件非常实用。这些组件可以使用JSTL...

Global site tag (gtag.js) - Google Analytics