`
reginaminlee
  • 浏览: 33845 次
  • 性别: Icon_minigender_2
  • 来自: 湖南
社区版块
存档分类
最新评论

jquery ajax提交,返回list,然后遍历,刷新select

阅读更多

ajax提交,返回list,然后遍历

Java代码 复制代码 收藏代码
  1. function getCityBypro(item){   
  2.         $.ajax({   
  3.             type: "POST",   
  4.             url: "gtCityByProId.action",   
  5.             data: "proid=" + item.value,   
  6.             dataType:"json",   
  7.             async: false,     //如果设置为false,则表示异步提交,否则表示同步提交
  8.              timeout: 10000,
  9.              error: function(){
  10.                  alert('Error loading XML document');
  11.                  return  null;
  12.              },
  13.             success: function(data){   
  14.                 var items = data.cityVOList;   
  15.                 $.each(items, function(i, n){   
  16.                     alert(items[i].cityid);   
  17.                 });   
  18.             }   
  19.         });    
  20.     }  

    更新
    绑定某个select,使其可以修改二级select的option,但为什么不像prototype那样可以直接add option?
Java代码 复制代码 收藏代码
  1. $("#chiproid").change(function(){   
  2.     $.ajax({   
  3.     type: "POST",   
  4.     url: "gtCityByProid.action",   
  5.     data: "chiproid=" + this.value,   
  6.     dataType:"json",   
  7.     success: function(data){   
  8.         var items = data.cityVOList;   
  9.         if(items != null){   
  10.             $("#chicityid").empty();   
  11.             $.each(items, function(i, n){   
  12.             $("#chicityid").append("<option value='" + items[i].cityid + "'>" + items[i].cityname + "</option>");     
  13.         });   
  14.         }   
  15.     }   
  16.     });    
  17. });  
  

再次更新:找到用add option 的方法了。
Java代码 复制代码 收藏代码
  1. var option = new Option(items[i].cityname, items[i].cityid);   
  2.                         $('#chicityid')[0].options.add(option);  
分享到:
评论

相关推荐

    jQuery+Ajax+PHP无刷新分页

    **jQuery+Ajax+PHP无刷新分页技术详解** 在网页开发中,无刷新分页是一种提升用户体验的重要技术,它使得用户在浏览大量数据时无需等待整个页面重新加载,只需要加载新内容即可。本篇将详细讲解如何利用jQuery、...

    ajax实现动态从数据库模糊查询显示到下拉框中(ajax方法返回Dataset的例子

    本文将详细讲解如何使用Ajax实现从数据库进行模糊查询,并将结果显示到下拉框(Dropdown List)中,这里我们将以一个具体例子——通过Ajax方法返回Dataset来阐述整个过程。 首先,我们需要在服务器端设置一个能够...

    jquery获取后台数据生成下拉框

    本文将深入探讨如何使用jQuery结合Ajax技术从后台获取数据,并动态生成下拉选择框(Dropdown List)。 首先,理解jQuery的核心概念至关重要。jQuery通过一个简洁的语法,使得JavaScript代码更易读写,例如,`$...

    jQuery的Ajax接收java返回数据方法

    在Web开发中,前端与后端的交互是一个关键环节,jQuery的Ajax功能使得前端能够异步地从服务器获取数据,而无需刷新整个页面。本文主要介绍如何使用jQuery的Ajax方法来接收Java后端返回的数据。 首先,我们看前端的...

    jquery+ajax+jsp+servlet实现二级级联菜单

    ### 使用jQuery、Ajax、JSP与Servlet实现二级级联菜单 #### 一、项目背景与技术栈概述 本文档将详细介绍如何使用jQuery、Ajax、JSP与Servlet来实现一个简单的二级级联菜单功能。该功能常见于许多Web应用程序中,如...

    ajax调用action返回xml或list

    ### AJAX调用ACTION返回XML或LIST详解 #### 一、背景与目的 在Web开发领域,前后端交互是实现动态网站的关键技术之一。通常情况下,开发者可能会选择使用JSP + Ajax + Servlet或JSP + Struts2的方式进行开发。然而...

    【JavaScript源代码】ajax jquery实现页面某一个div的刷新效果.docx

    【JavaScript源代码】中的Ajax与jQuery实现页面特定Div的刷新效果是前端开发中常见的功能,主要涉及异步数据交互和DOM操作。以下是对这个技术点的详细解释: 1. **Ajax(Asynchronous JavaScript and XML)**:Ajax...

    jsp中利用jquery+ajax在前后台之间传递json格式参数

    // 处理返回的JSON数据,例如遍历并操作list } }); ``` 在上述代码中,`data: "filepath=" + checkValue`表示我们要传递的JSON数据,其中`filepath`是参数名,`checkValue`是参数值。`dataType: "json"`告诉...

    jquery动态生成树

    在IT行业中,jQuery是一款非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。本示例代码“jquery动态生成树”是关于如何利用jQuery和相关技术,如Struts2、treeview插件及JSON...

    如何将ajax请求返回的Json格式数据循环输出成table形式

    首先,Ajax是Asynchronous JavaScript and XML(异步JavaScript和XML)的缩写,虽然如今XML已经不再是主流,但Ajax的概念依然广泛应用于Web开发,用于在不刷新整个页面的情况下向服务器发送异步请求,获取数据并更新...

    jquery可选择条件筛选框

    当用户在筛选框中选择条件时,jQuery可以捕获这些事件,然后通过AJAX发送请求到C#编写的服务器端接口,接口根据接收到的条件执行相应的查询,并将过滤后的数据返回给前端。 创建一个jQuery可选择条件筛选框的步骤...

    jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表

    在Web开发中,使用jQuery的AJAX技术与后端服务进行数据交互是常见需求之一,特别是在动态更新页面元素如下拉列表时。本文将介绍如何利用jQuery的AJAX方法从后台获取JSON格式数据,并将这些数据填充到HTML页面的下拉...

    jQuery+Ajax+PHP+MySQL实现分类列表管理[参照].pdf

    接下来,我们将使用jQuery和Ajax实现无刷新操作。当用户点击“编辑”或“删除”按钮时,通过Ajax发送请求到PHP处理脚本。例如,删除分类的Ajax调用可能如下: ```javascript $(document).on('click', '.del', ...

    jQuery实现动态加载select下拉列表项功能示例

    总的来说,通过结合jQuery的Ajax功能、后端的数据处理以及前端的DOM操作,我们可以实现在用户交互时动态地加载和更新select下拉列表项。这种技术在构建灵活、响应式的Web应用中非常常见,能够提供更优秀的用户体验,...

    jQuery超酷select选择下拉框美化特效源码.zip

    jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。在美化select框的过程中,jQuery的这些特性将发挥重要作用。 一、基础准备 在开始美化前,确保引入了jQuery库。通常我们会在...

    Jquery+Ajax+PHP+MySQL实现分类列表管理(上)

    - 利用Ajax进行异步数据交互,避免页面刷新,提供流畅体验 - 使用Json作为数据交换格式,确保数据的快速解析和处理 ### 实现分类列表管理操作 #### 增加分类 - 页面上的“新增一项”按钮触发JavaScript函数(`...

    Jquery Combo下拉框示例

    jQuery是一款广泛使用的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。ComboJS则是基于jQuery构建的,旨在为下拉框添加更多的交互性和功能。 ### 2. ComboJS的核心特性 - **简单易用**:...

    jQuery插件教程(搜罗了全部插件).pdf

    4. 基本表单元素插件:jQuery Form Plugin、jQuery-Form等,提供了表单提交的Ajax处理,使得表单提交无刷新,提高网页响应速度。 5. 时间、日期和颜色选取类插件:jQuery UI Datepicker、jQuery Time Entry等,为...

    jQuery全选

    在JavaScript的世界里,...实现jQuery全选的核心在于监听全选按钮的点击事件,然后根据事件处理函数中的逻辑,改变所有子项的选中状态。这通常涉及到DOM遍历和复选框状态的同步。 三、代码实现 1. HTML结构: ```html ...

Global site tag (gtag.js) - Google Analytics