//jquery --AJAX返回字符串————jsp/js部分
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Pragma" CONTENT="no-cache">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Expires" CONTENT="-1">
<script type="text/javascript" src="${path}/js/jquery-1.4.2.min.js"></script>
<script language="javascript">
//jquery --AJAX返回字符串
$(function() {
$("#selectName").change(function(){
var selectName = $("selectName").val();
$.post("${path}xxx.do",
{ selectName:selectName},
function(data){
var arr =data.split(",");
var A1=arr[0];
var A2=arr[1];
var A3=arr[2];
document.getElementById("msg").innerHTML="<font color='red'>"+A1+"</font>";
document.getElementById("a2name").value=A2;
document.getElementById("a3name").value=A3;
}
)
});
});
</script>
</head>
<body>
<form action="" name="frm" id="frm">
<table width="270" border="0" align="center" cellpadding="0" cellspacing="5" class="viewtext">
<tr align="left" valign="top">
<td align="right" width="200">下拉列表框的chang事件 jquery --AJAX</td>
<td width="49" align="left">
<select name="selectName" id="selectName" />
<option value="">--请选择--</option>
<option value="1">AA</option>
<option value="2">BB</option>
<option value="3">CC</option>
<option value="4">DD</option>
</select>
</td>
<td id="msg"></td>
<td>
<input type="text" name="a2name" id="a2name" />
<input type="text" name="a3name" id="a3name" />
</td>
</tr>
</table>
</form>
</body>
</html>
//struts2 Action部分
public String getAjaxResult(){
request = ServletActionContext.getRequest();
response=ServletActionContext.getResponse();
String selectName=request.getParameter("selectName");
//业务根据参数selectName得到想要的一个或多个字符串
//如果是一个直接返回，如果是多个可以拼接成一个字符串
//返回结果值代码省略 ，在这只返回三个字符串
try {
String resultString = A1+","+A2+","+A3;
ServletActionContext.getResponse().getWriter().print(resultString);
} catch (IOException e) {
e.printStackTrace();
}
return null;
}
分享到：
相关推荐
Ajax返回字符串是Ajax交互过程中一个常见的场景，它涉及到JavaScript、HTTP请求和响应处理等多个方面。以下是对这个主题的详细解释： 一、Ajax基础 Ajax的核心是JavaScript对象XMLHttpRequest，它允许在后台与...
文章中的做法是将遍历得到的每一行菜品信息拼接成一个HTML字符串，然后用jQuery的.html()方法将其设置到具有restaurant_food类的表格中去。 5. 异常处理：在JSON数据为空，即没有搜索到任何菜品的情况下，使用else...
jQuery会将这个对象转换为URL编码的字符串。 **4. 异步与同步** Ajax的核心特性是异步，即在等待服务器响应的同时，浏览器可以继续执行其他代码。如果你需要进行同步请求，可以将`async`参数设为`false`，但这会...
例如，如果回调函数名为`handleResponse`，那么返回的应是类似`handleResponse({ "key": "value" })`这样的字符串。 除了JSONP，还可以通过CORS（Cross-Origin Resource Sharing，跨源资源共享）来实现跨域请求。...
在Java中，我们可以使用如Gson或Jackson库将Bean对象转化为JSON字符串，然后通过Ajax发送到客户端。 在jQuery中，$.ajax()方法是进行Ajax请求的核心。它的基本用法如下： ```javascript $.ajax({ url: 'your_...
**数据交互**在jQuery的Ajax方法中，可以通过`data`参数传递数据到服务器，可以是JSON、序列化的字符串或者查询字符串。同时，服务器返回的数据会在`success`回调函数中处理，通常以JSON格式接收，便于前端解析和...
`contentType`设置请求头的Content-Type，`JSON.stringify()`用于将JavaScript对象转换为JSON字符串。 ### 4. 配置选项 `$.ajax()`方法可以接受很多配置选项，比如： - `dataType`: 指定预期的服务器响应数据类型...
`data`是一个对象，它的键值对会转换成查询字符串发送给服务器。`success`、`error`和`complete`分别是请求成功、失败和完成时调用的回调函数。 在实际应用中，我们通常会结合使用jQuery的其他功能，例如，使用`$....
3. `data`: 发送到服务器的数据，可为对象或字符串。 4. `dataType`: 预期的服务器响应类型，如json、html或xml。 5. `success`: 请求成功后的回调函数，接收服务器返回的数据。 6. `error`: 请求失败时的回调函数。...
总的来说，使用jQuery的ajax方法提交表单是一种高效且灵活的方式，能够无缝集成到现有的jQuery应用中。通过理解以上知识点，开发者可以创建更动态、响应更快的Web应用。在提供的压缩包文件“jqueryform”中，你应该...
在jQuery中，我们可以使用`$.parseJSON()`（在jQuery 3.0后被`$.json()`取代）将JSON字符串转换为JavaScript对象，或者使用`JSON.stringify()`将JavaScript对象转换为JSON字符串。 **jQuery、Ajax与JSON结合应用** ...
在描述中提到的例子中，服务器端返回一个JSON字符串，然后这个字符串被绑定到一个下拉框，实现级联效果。这是一个常见的场景，比如当我们需要根据用户在第一个下拉框的选择动态填充第二个下拉框的选项时。下面是一个...
本文将详细介绍 jQuery 中 Ajax 的几种常用方法及其应用场景。 #### 二、表单序列化 在进行 Ajax 操作时，通常需要将表单中的数据发送到服务器。jQuery 提供了两种方法来帮助我们完成这一任务： ##### 1. `...
在此过程中，Action可以利用JSON插件将Java对象转换为JSON字符串。 - **返回JSON数据**：完成业务处理后，Struts2通过JSON插件将结果集封装成JSON响应，并设置相应HTTP头信息，如Content-Type为'application/json'。...
这意味着，即使是复杂的DOM结构，也可以轻松地通过简洁的字符串表达式来选取目标元素。这种能力不仅简化了DOM操作，也提高了代码的可读性和可维护性。 #### Ajax交互的简化 在Ajax方面，jQuery同样提供了强大的...
3. `data`: 发送到服务器的数据，可以是对象或字符串。 4. `dataType`: 预期的服务器响应类型，如json、html、xml等。 5. `success`: 成功时的回调函数，接收服务器返回的数据。 6. `error`: 失败时的回调函数，接收...
接下来，为了将这些数据以JSON格式返回给前端，我们需要构建一个JSON字符串： ```java int totalRows = blackList.size(); StringBuilder sb = new StringBuilder(); sb.append("{\"totalCount\":\"" + totalRows +...
在Java后端，可以使用Gson或Jackson库将Java对象转换为JSON字符串。 4. **异步与同步**：AJAX的核心特性是异步，意味着请求不会阻塞页面的其他操作。通过设置`async: true`（默认值），可以确保请求在后台执行。...