方式一
$.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实现产品自动补全功能(二) 附带源码",我们探讨的是如何整合四大技术来创建一个高效且用户友好的Web应用程序,特别是在搜索框中实现产品名称的自动补全...
SSH(Struts2、Spring3、Hibernate3)框架与jQuery AJAX技术结合,是现代Web开发中的常见模式,用于构建高效、动态的用户界面。在本项目"ssh+jquery ajax 实现搜索自动补全"中,主要目标是实现类似百度搜索框的自动...
JavaScript部分使用jQuery和Struts2的插件`struts2_autocomplete`来实现AJAX请求和结果处理。 4. **CSS和JavaScript**:为了美化和交互效果,可能需要自定义CSS样式和JavaScript函数,以调整提示框的样式和行为。 ...
通过以上步骤,我们完成了基于Struts2框架的Ajax自动补全功能的实现。这种实时反馈的方式极大地提升了用户的搜索体验,同时也让开发者能够更加灵活地处理各种前后端交互需求。在未来的发展中,随着前端技术和框架的...
- 在Java Web应用中,jQuery UI通常与服务器端框架如Spring MVC、Struts2等配合使用,通过AJAX技术实现前后端交互,更新页面内容而无需刷新整个页面。 - 使用JSON或XML格式传输数据,jQuery UI组件能接收并处理...
在本项目中,我们将探讨如何实现一个仿Google自动完成功能,主要涉及到Java、Struts、jQuery和Ajax等技术。以下是对这些知识点的详细解释。 1. **自动完成(Autocomplete)**:自动完成功能允许用户在输入时根据已...
同时,需要引入jQuery库和Autocomplet相关的JavaScript文件,例如jQuery UI的Autocomplete插件。 2. **JavaScript配置**:接着,通过JavaScript绑定到输入框的`onkeyup`事件,触发Autocomplet的请求。设置...
在“java项目”中,jQuery可能被用在前端与Java后端进行交互,例如通过Ajax发送异步请求获取数据、更新页面内容,或者使用jQuery验证确保用户提交的数据符合预期格式。分页功能可以应用于显示大量数据的列表,如用户...
在本项目实战中,我们将探讨如何使用SSI(Server-Side Includes)技术,结合流行的Java Web框架如iBatis、Spring和Struts2,以及前端库jQuery UI的autocomplete组件,来实现一个高效的产品自动补全功能。这个功能...
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....
1. **用户输入监听**:使用JavaScript或者jQuery库(如jQuery UI Autocomplete)来监听用户的输入事件。当用户在搜索框中输入字符时,触发一个Ajax请求,将当前输入的文本发送到服务器。 2. **Servlet处理请求**:...
2. **构建富客户端应用**:结合DWR和JavaScript库(如jQuery)创建复杂的交互式用户界面。 3. **优化性能**:了解如何优化DWR的性能,如缓存策略、压缩传输等。 七、DWR与其他技术的结合 1. **与AJAX库的协作**:...
使用Select2或jQuery UI的Autocomplete可以实现这一功能,后端可以通过RESTful API提供数据。 6. **树形结构组件**: 在展示层级关系数据时,如部门结构、产品分类等,树形结构组件非常实用。这些组件可以使用JSTL...