使用jQuery的ajax调用action的例子

最新推荐文章于 2021-09-05 12:37:49 发布

dianluo4096

最新推荐文章于 2021-09-05 12:37:49 发布

阅读量305

点赞数

CC 4.0 BY-SA版权

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/pcheng/p/5593220.html

本文介绍如何在jQuery EasyUI中使用ajax实现下拉菜单与文本框的联动功能。通过一个具体示例展示了如何设置combobox组件，并在下拉选项改变时发起ajax请求更新文本框的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　直接使用ajax请求会比较繁琐，但是jQuery为我们提供了简单使用ajax的方法。

　　下面是一个在jQuery easyUI中，利用ajax请求，使下拉菜单关联文本框的例子。其中ajax请求就是8-16行的内容，可以直接搬到其他地方使用。

 1     $('#c_name').combobox({
 2         valueField:'id',
 3         textField:'text',
 4         editable:false,
 5         panelHeight:300,
 6         required: true,
 7         onChange: function (a,b) {
 8             $.ajax({
 9                 url:'getAge.action?c_name='+a,
10                 dataType:"json",
11                 success:function(data){
12                     if(data){
13                         $("#c_age").val(data);
14                     }
15                 }
16             });
17         }
18     });