`
安之若素
  • 浏览: 144836 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

Ajax异步url传参问题

    博客分类:
  • Ajax
阅读更多

 

今天发现的一个关于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异步拼接表”,来详细介绍如何使用AJAX进行异步传参获取JSON,并循环拼接表头和数据进行展示。 #### 二、案例背景及需求分析 假设我们有一个包含服务记录的数据库表,每次点击...

    Ajax 对象 包含post和get两种异步传输方式

    最后,在Ajax请求中处理异步回调时,还需要注意函数的执行顺序和作用域问题,因为JavaScript的异步性质可能会导致回调函数的执行时机和预期不一致。利用闭包、Promise或async/await等ES6特性可以帮助我们更好地组织...

    ajax中data传参的两种方式分析

    本篇文章将详细探讨AJAX中`data`传参的两种主要方式:POST和GET。 1. **POST方式**: POST方式通常用于向服务器提交大量数据或敏感信息,因为POST请求的数据会被包含在请求体中,而不是像GET方式那样显示在URL上。...

    jquery ajax异步提交表单数据的方法

    Ajax(Asynchronous JavaScript and XML)技术允许页面在不完全刷新的情况下异步地与服务器通信,从而实现动态更新页面。本文将详细介绍如何使用jQuery的Ajax方法实现异步提交表单数据。 首先,异步提交表单意味着...

    在Extjs中使用ajax传参到php中

    EXTJS中的`Ext.Ajax`类提供了异步发送Ajax请求的能力,它封装了原生的XMLHttpRequest对象,简化了API接口,允许我们更便捷地处理JSON、XML等数据格式。 2. **使用方法**: 要发送一个Ajax请求,你可以创建一个`...

    asp.net使用jquery ajax 小例子

    ASP.NET与jQuery AJAX的结合是Web开发中常见的一种技术组合,它使得页面的异步更新成为可能,提高用户体验。在本教程中,我们将探讨如何在ASP.NET中利用jQuery的AJAX功能来调用后台处理程序或Web服务。 首先,我们...

    ajax\HTML 页面与页面之间传值

    它通过JavaScript的XMLHttpRequest对象实现,可以创建异步通信请求,使得用户体验更加流畅。 1. **利用URL参数传递**:最简单的页面间传值方法是通过URL查询字符串。在超链接或表单提交中,我们可以把参数附加到URL...

    jquery的get()方法ajax传值php实例

    首先,`get()`是jQuery提供的一个Ajax方法,用于向指定URL发送异步GET请求。基本语法如下: ```javascript $.get(url, data, success, dataType); ``` - `url`:要请求的服务器端脚本的URL。 - `data`:一个对象或...

    用js通过url传参把数据从一个页面传到另一个页面

    首先,URL参数传递是一种简单直接的传参方式。它通过URL的查询字符串(query string)来实现。例如,当需要将数据传递到新页面时,可以将数据附加在目标URL后面。使用window.location.href可以改变当前页面的地址,...

    jQuery Validator验证Ajax提交表单的方法和Ajax传参的方法

    `serialize()` 是jQuery中的一个实用方法,它能够将表单中的所有元素(包括input、select、textarea等)的值序列化为URL编码的字符串,非常适合用来构建Ajax请求的数据部分。例如: ```javascript var param = $("#...

    ajax与Servlet,传值Demo

    - **创建XMLHttpRequest对象**:这是Ajax的核心,用于与服务器进行异步通信。 - **设置请求方法和URL**:通过open()方法指定HTTP请求类型(GET或POST),以及请求的URL。 - **发送请求**:使用send()方法发送请求...

    Ajax程序经典小例子,《Ajax入门教程》代码

    - `open(method, url, async)`:初始化请求,method为请求类型(GET、POST),url为请求地址,async为是否异步,默认为true。 - `send(data)`:发送请求,data为发送到服务器的数据,GET请求时不需传参。 - `abort()...

    jquery ajax 向后台传递数组参数示例

    在JavaScript中,jQuery的AJAX功能常常用于与服务器进行异步数据交互。当需要传递数组作为参数时,可能会遇到一些挑战,特别是在数组中包含复杂对象的情况。本文将深入讲解如何在jQuery AJAX中向后台传递数组参数,...

    Ajax示例,父子窗体传

    在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛用于实现页面的异步更新,提高用户体验。本文将深入探讨如何在父子窗体之间利用Ajax进行数据传递,以及如何从JSP页面获取复选框的值。 首先,我们...

    ajax json示例

    **标题解析:** "ajax json示例" 指的是一种使用JavaScript的AJAX(异步JavaScript和XML)技术与服务器进行数据交换的实例,其中数据格式为JSON(JavaScript Object Notation)。JSON是一种轻量级的数据交换格式,因...

    Javascript基于AJAX回调函数传递参数实例分析

    总结以上,本文重点介绍了在AJAX中如何利用匿名函数或闭包解决回调函数参数传递问题。通过实例分析和技巧分享,希望对那些在Web开发中需要处理异步数据传递的开发者提供帮助。同时,对JavaScript程序设计有所涉猎的...

    JS与Ajax Get和Post在使用上的区别实例详解

    在使用 AJAX(Asynchronous JavaScript and XML)进行异步请求时,GET 和 POST 有以下差异: - 对于 GET 请求,你可以直接将参数拼接在请求 URL 中,如 `xmlHttp.open("GET", "for.php?text=" + url, true);` - ...

    The AJAX CheatSheet

    **AJAX 全称异步JavaScript和XML(Asynchronous JavaScript and XML)**,是一种创建动态网页的技术,允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。这一技术的核心在于利用JavaScript来实现...

    解决ajax传过来的值后台接收不到的问题

    这个问题通常发生在前端与后端交互时,特别是使用Ajax进行异步通信时。本文通过一个具体的例子来解释问题的原因,并提供了解决方案。 首先,让我们看一下问题的描述。在前端JavaScript中,开发者定义了一个名为`...

Global site tag (gtag.js) - Google Analytics