今天发现的一个关于ajax url传值时,获取下拉列表选项的value时容易碰到的问题:
/**异步提交**/
var xmlHttp;
function selectListResult(){
var f=document.selectForm;
var branch=f.selectbranch.value;
var depart=f.selectdepart.value;
var name=f.UserName.value;
var time=f.Time.value;
var url=${basePath}"findScheduleByManyAction.action?BId="+branch+"&DId="+depart+"&UserName="+name+"&Time="+time;
alert(url);
xmlHttp=createXMLHttpRequest();
/*设置回调函数*/
xmlHttp.onreadystatechange=processRequest;
/**打开连接*/
xmlHttp.open("GET",url,true);
/**发送请求*/
xmlHttp.send(null);
}
这是jsp页面,动态获取值时,<option value="${branchid}"> 和<option value="branchid">在运行时都可以
取出值,但是Ajax获取value="${branchid}"的值是一个int数值,Ajax获取value="branchid"的值时却是 "branchid"
这个字符串,所以用到Ajax时需要用到EL表达式取值。
<td width="261" height="37">选择机构:
<select name="selectbranch">
<option value="0">=不限=</option>
<s:iterator value="branchList">
<option value="${branchid}"><s:property value="branchshortname"/></option>
</s:iterator>
</select>
</td>
<td width="261" height="37">选择机构:
<select name="selectbranch">
<option value="0">=不限=</option>
<s:iterator value="branchList">
<option value="branchid"><s:property value="branchshortname"/></option>
</s:iterator>
</select>
</td>
分享到:
相关推荐
本文将通过一个具体的案例——“ajax异步拼接表”,来详细介绍如何使用AJAX进行异步传参获取JSON,并循环拼接表头和数据进行展示。 #### 二、案例背景及需求分析 假设我们有一个包含服务记录的数据库表,每次点击...
最后,在Ajax请求中处理异步回调时,还需要注意函数的执行顺序和作用域问题,因为JavaScript的异步性质可能会导致回调函数的执行时机和预期不一致。利用闭包、Promise或async/await等ES6特性可以帮助我们更好地组织...
本篇文章将详细探讨AJAX中`data`传参的两种主要方式:POST和GET。 1. **POST方式**: POST方式通常用于向服务器提交大量数据或敏感信息,因为POST请求的数据会被包含在请求体中,而不是像GET方式那样显示在URL上。...
Ajax(Asynchronous JavaScript and XML)技术允许页面在不完全刷新的情况下异步地与服务器通信,从而实现动态更新页面。本文将详细介绍如何使用jQuery的Ajax方法实现异步提交表单数据。 首先,异步提交表单意味着...
EXTJS中的`Ext.Ajax`类提供了异步发送Ajax请求的能力,它封装了原生的XMLHttpRequest对象,简化了API接口,允许我们更便捷地处理JSON、XML等数据格式。 2. **使用方法**: 要发送一个Ajax请求,你可以创建一个`...
ASP.NET与jQuery AJAX的结合是Web开发中常见的一种技术组合,它使得页面的异步更新成为可能,提高用户体验。在本教程中,我们将探讨如何在ASP.NET中利用jQuery的AJAX功能来调用后台处理程序或Web服务。 首先,我们...
它通过JavaScript的XMLHttpRequest对象实现,可以创建异步通信请求,使得用户体验更加流畅。 1. **利用URL参数传递**:最简单的页面间传值方法是通过URL查询字符串。在超链接或表单提交中,我们可以把参数附加到URL...
首先,`get()`是jQuery提供的一个Ajax方法,用于向指定URL发送异步GET请求。基本语法如下: ```javascript $.get(url, data, success, dataType); ``` - `url`:要请求的服务器端脚本的URL。 - `data`:一个对象或...
首先,URL参数传递是一种简单直接的传参方式。它通过URL的查询字符串(query string)来实现。例如,当需要将数据传递到新页面时,可以将数据附加在目标URL后面。使用window.location.href可以改变当前页面的地址,...
`serialize()` 是jQuery中的一个实用方法,它能够将表单中的所有元素(包括input、select、textarea等)的值序列化为URL编码的字符串,非常适合用来构建Ajax请求的数据部分。例如: ```javascript var param = $("#...
- **创建XMLHttpRequest对象**:这是Ajax的核心,用于与服务器进行异步通信。 - **设置请求方法和URL**:通过open()方法指定HTTP请求类型(GET或POST),以及请求的URL。 - **发送请求**:使用send()方法发送请求...
- `open(method, url, async)`:初始化请求,method为请求类型(GET、POST),url为请求地址,async为是否异步,默认为true。 - `send(data)`:发送请求,data为发送到服务器的数据,GET请求时不需传参。 - `abort()...
在JavaScript中,jQuery的AJAX功能常常用于与服务器进行异步数据交互。当需要传递数组作为参数时,可能会遇到一些挑战,特别是在数组中包含复杂对象的情况。本文将深入讲解如何在jQuery AJAX中向后台传递数组参数,...
在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛用于实现页面的异步更新,提高用户体验。本文将深入探讨如何在父子窗体之间利用Ajax进行数据传递,以及如何从JSP页面获取复选框的值。 首先,我们...
**标题解析:** "ajax json示例" 指的是一种使用JavaScript的AJAX(异步JavaScript和XML)技术与服务器进行数据交换的实例,其中数据格式为JSON(JavaScript Object Notation)。JSON是一种轻量级的数据交换格式,因...
总结以上,本文重点介绍了在AJAX中如何利用匿名函数或闭包解决回调函数参数传递问题。通过实例分析和技巧分享,希望对那些在Web开发中需要处理异步数据传递的开发者提供帮助。同时,对JavaScript程序设计有所涉猎的...
在使用 AJAX(Asynchronous JavaScript and XML)进行异步请求时,GET 和 POST 有以下差异: - 对于 GET 请求,你可以直接将参数拼接在请求 URL 中,如 `xmlHttp.open("GET", "for.php?text=" + url, true);` - ...
**AJAX 全称异步JavaScript和XML(Asynchronous JavaScript and XML)**,是一种创建动态网页的技术,允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。这一技术的核心在于利用JavaScript来实现...
这个问题通常发生在前端与后端交互时,特别是使用Ajax进行异步通信时。本文通过一个具体的例子来解释问题的原因,并提供了解决方案。 首先,让我们看一下问题的描述。在前端JavaScript中,开发者定义了一个名为`...