在工作项目中用到了两种jquery ajax 提交数据的方法
一种是:通过普通的url传值。
function showSelectClass(grade){
var url = "/admin/showSelectClass.htm";
var params = {"tribeId":2,"grade":grade};
$.getJSON(url,params,function (data){
json= eval("("+data.classes+")");
var selectContent = "<select onChange='showClassMember(this.value)'>";
if(json.length>0){
selectContent+="<option value='0'>请选择--</option>";
$(json).each(function(i){
selectContent+="<option value='"+json[i].tid+"'>"+json[i].tname+"</option>";
});
}else{
selectContent+="<option value='0'>暂时没有班级</option>"
}
selectContent+="</select>";
$("#selectClass").html(selectContent);
});
}
action的方法:
/**
* 通过部落Id和年级得到班级列表
* @return filterTribeMember.ftl
* @throws Exception
*/
@Action(value="showSelectClass",
results={@Result(name="showSelectClass",type="json")})
public String showSelectClass() throws Exception {
// TODO Auto-generated method stub
List<Map<String,String>> map = new ArrayList<Map<String,String>>();
map = adminService.getClassByTribeIdAndGradeList(tribeId, grade);
JSONArray jsonArray = JSONArray.fromObject(map);
classes = jsonArray.toString();
return "showSelectClass";
}
还有一种就是直接传from过去:其中data是返回的一个页面。
function submitAJaxForm(){
var formbean = $("#passValue");
var url = formbean[0].action;
var data = formbean.serialize();
$.ajax({
url : url,
data : data,
type : "post",
success : function(data){
$("#classMember").html(data);
}
});
}
function openPerson(){
var url = "${ctx}/mypage/saveContact.htm";
var data = "userId=${userId}";
if(confirm("确定加该用户为常用联系人吗?")){
$.ajax({
url : url,
data : data,
type : "post",
success : function(data){
if(data==1){
$("#addRelation").hide();
alert("添加成功");
}else{
alert("添加失败");
}
}
});
}
}
分享到:
相关推荐
JQuery AJAX 和 JSON 是在 Web 开发中处理异步数据传输和数据格式化的重要工具。本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先,JQuery 的 AJAX(Asynchronous JavaScript and XML)功能允许...
其中,使用jQuery的Ajax功能来读取JSON文件内容是前端开发中的常见需求,尤其在动态加载数据、实现异步交互方面发挥着重要作用。 ### 标题解析:“jQuery ajax读取json文件内容” 此标题直截了当,明确指出将通过...
Struts2和jQuery是两种广泛应用于Web开发的技术。Struts2是一个基于MVC(Model-View-Controller)架构的Java框架,它简化了构建企业级Web应用的过程。jQuery则是一个强大的JavaScript库,使得DOM操作、事件处理、...
1. jQuery的$.get和$.post方法:这两种方法是jQuery提供的Ajax(异步JavaScript和XML)接口,用于与服务器进行非刷新的数据交换。$.get用于发送GET请求,而$.post用于发送POST请求。它们都接受四个参数:URL、数据、...
标题“PHP-JQuery-Ajax-json”揭示了这个压缩包文件主要涉及的是Web开发中的核心技术,具体包括PHP、jQuery、Ajax以及JSON。这四个元素在构建动态、交互式的Web应用程序时起着至关重要的作用。 1. **PHP(Hypertext...
文档中展示了两种不同的方法来获取 JSON 数据。`$.ajax()` 提供了更多的配置选项,可以用来处理更复杂的 Ajax 请求。而 `$.getJSON()` 更为简洁,适用于简单的读取 JSON 数据的场景。文档中通过将两者进行对比,让...
在IT行业中,Ajax(异步JavaScript和XML)与JSON(JavaScript Object ...通过学习和实践"Ajax-json.rar"中的实例,你不仅可以掌握这两种技术的基本用法,还能探索更高级的应用场景,从而真正成为一名JavaScript高手。
- **数据结构**:JSON支持对象和数组两种基本数据结构,对象由键值对组成,数组则是一系列有序的值。 - **序列化和反序列化**:JavaScript对象可以轻易转换为JSON字符串,使用JSON.stringify();反之,使用JSON....
jQuery提供了方便的方法来处理JSON数据,包括`$.getJSON()`和`$.ajax()`等函数,可以方便地从服务器获取JSON数据并将其转化为JavaScript对象,或者将JavaScript对象转换为JSON字符串发送到服务器。 **jQuery的get...
在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理以及与服务器的数据交互,包括AJAX操作。本实例将深入探讨如何利用jQuery的AJAX功能与JSON数据格式进行交互,以实现异步数据加载...
在这个"struts2+jquery执行ajax并返回json类型数据"的示例中,我们将探讨如何通过Ajax技术在后台Struts2框架与前端jQuery库之间交换JSON格式的数据。 首先,Struts2是一个强大的MVC(Model-View-Controller)框架,...
在处理 JSON 数据时,jQuery 提供了便捷的方法来解析和操作这些数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 在 jQuery 中使用 AJAX 处理 ...
在jQuery中,有多种方法来解析JSON数据,本文将详细介绍两种主要方法。 首先,假设我们有一个JSON格式的字符串,如以下示例: ```javascript var data = "{ root: [ {name:'1',value:'0'}, {name:'6101',value:...
在这里,当用户选择省份后,jQuery的$.ajax方法被用来向服务器发送一个请求,获取对应省份的城市数据。 3. **JSON**:JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也...
在实际应用中,例如,当需要从服务器获取JSON数据并将其显示在网页上时,`$.ajax`或`$.getJSON`等jQuery方法可以用来发送Ajax请求。收到JSON响应后,使用`$.parseJSON`将JSON字符串解析成JavaScript对象,然后可以...
当涉及到与后台交互时,JSON(JavaScript Object Notation)作为一种轻量级的数据交换格式,经常被用来传递数据。这篇博文将深入探讨jQuery如何解析来自后台的JSON数据。 首先,JSON因其语法与JavaScript对象相似而...
在jQuery的基础上,`jquery.json2xml.js` 和 `jquery.xml2json.js` 这两个脚本提供了方便的方法来在JSON和XML之间进行转换,从而让开发者无需深入了解这两种格式的复杂性,就能轻松地在它们之间进行数据互换。...
在处理JSON数据时,jQuery的`$.getJSON()`方法特别有用,它会自动将返回的JSON数据解析为JavaScript对象,方便进一步处理。 **示例** 1. **$.get()** 示例: ```javascript $.get('data.txt', function(data) { ...
在jQuery和Ajax的帮助下,我们可以实现这样的功能:当用户更改第一个下拉列表时,通过Ajax发送一个请求到服务器,服务器根据请求返回JSON格式的更新数据,然后前端使用jQuery解析JSON并更新第二个下拉列表。...
在IT行业中,jQuery和JSON是两个非常重要的技术,它们经常被结合使用以实现高效的数据交互,尤其是在构建动态、响应式的Web应用时。本教程将详细讲解如何利用jQuery和JSON实现AJAX功能,以创建一个自动下拉框效果,...