ajax传值写下拉框,使用jquery的ajax方法获取下拉列表值

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新,用户体验非常好。

下面介绍两种动态加载DropDownList值的方法。

第一种：

View层

$(document).ready(function() {

showFuncId();

}

function showFuncId(){

$('#funcNum').empty();

var ciValue = $('#funcNum');

ciValue.append('Pls Select');

$.ajax({

url : u, //your actual url

type : 'post',

dataType : 'json',

success : function (opts) {

if (opts && opts.length > 0) {

var html = [];

for (var i = 0; i < opts.length; i++) {

html.push(''+opts[i].desc+'');

}

ciValue.append(html.join(''));

}

}

});

}

Controller层

response.setContentType("application/json");

response.setCharacterEncoding("utf-8");

PrintWriter writer = response.getWriter();

net.sf.json.JSONArray array = JSONArray.fromObject(new ArrayList());//The list that contains actual data,use a new arrayList instead here

writer.append(array.toString());

return null;

第二种：

View层

$(function(){

$.ajax({

type: 'POST',

url:url;//your actual url

dataType: 'json',

cache: false,

async:false,

success:function(data) {

$('#funcNum').get(0).options.length = 0;

$('#funcNum').append('Pls Select');

$.each(data, function(i, obj) {

var option = $('');

option.val(obj.id);

option.text(obj.desc);

$('#funcNum').append(option);

});

},

error: function() {

alert("Error while getting func num results");

}

});

});

Controller层

response.setContentType("application/json");

response.setCharacterEncoding("utf-8");

PrintWriter writer = response.getWriter();

net.sf.json.JSONArray array = JSONArray.fromObject(new ArrayList());//The list that contains actual data,use a new arrayList instead here

writer.append(array.toString());

return null;

Note:

As JSON format supports the following data types .

1

Number

double- precision floating-point format in JavaScript

2

String

double-quoted Unicode with backslash escaping

3

Boolean

true or false

4

Array

an ordered sequence of values

5

Value

it can be a string, a number, true or false, null etc

6

Object

an unordered collection of key:value pairs

7

Whitespace

can be used between any pair of tokens

8

null

empty

for date value, need add config to fromObject, core code:

JsonConfig config = new JsonConfig();

config.registerJsonBeanProcessor(java.sql.Date.class, new JsDateJsonBeanProcessor());

JSONArray array = JSONArray.fromObject(object, config);

jquery通过ajax方法获取json数据不执行success

1.jquery通过ajax方法获取json数据不执行success回调 问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准 ...

jquery通过ajax方法获取json数据不执行success回调

问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准写法,导致总是执行error回调方法 解决方案:使json格式务必符合下述 ...

用jquery的ajax方法获取return返回值的正确姿势

如果jquery中,想要获取ajax的return返回值,必须注意两方面,ajax的同步异步问题,在ajax方法里面还是外面进行return返回值. 下面列举了三种写法,如果想成功获取到返回值,参考第 ...

用jquery的ajax方法获取不到return返回值

如果jquery中,获取不到ajax返回值. 两个错误写法会导致这种情况:1.ajax未用同步 2.在ajax方法中直接return返回值. 下面列举了三种写法,如果想成功获取到返回值,参考第三种写法 ...

JQuery的ajax方法获取返回值得到了值还包含了不要的html源码 (Ajax相关知识)

因为后台使用了response.Write():这个方法,当输出完了以后,没有结束掉会继续输出,所以需要用到response.End():这样问题就解决了 jquery的ajax 除了通过url传值, ...

用JQuery中的Ajax方法获取web service等后台程序中的方法

用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...

使用Jquery解决Asp&period;Net中下拉列表值改变后访问服务器刷新界面。

使用DropDownList控件时,改变选项时,获取服务端数据库数据并刷新界面数据. 1. 绑定DropDownList控件SelectedIndexChanged事件. 2. AutoPortBac ...

关于Jquery中ajax方法data参数用法的总结

data 发送到服务器的数据.将自动转换为请求字符串格式.GET 请求中将附加在 URL 后.查看 processData 选项说明以禁止此自动转换.必须为 Key/Value 格式.如果为数组,jQ ...

ajax系列之用jQuery的ajax方法向服务器发出get和post请求

打算写个ajax系列的博文,主要是写给自己看,学习下ajax的相关知识和用法,以更好的在工作中使用ajax. 假设有个网站A,它有一个简单的输入用户名的页面,界面上有两个输入框,第一个输入框包含在一个 ...

随机推荐

wget 递归下载整个网站

wget -r -p -np -k http://xxx.com/xxx -r,  --recursive(递归)          specify recursive download.(指定递归下 ...

nginx的内存管理

先来看内存池的实现,nginx的内存池实现的非常简单. 这里内存池的一些图表可以看老朱同学的slides : http://blog.zhuzhaoyuan.com/2009/09/nginx-int ...

iOS tableview 优化总结

根据网络上的优化方法进行了总括.并未仔细进行语言组织.正在这些优化方法进行学习,见另一篇文章 提高app流畅度 1.cell子控件创建写在 initWithStyle:reuseIdentifier ...

SQL模糊查询与删除多条语句复习

string IDlist="1,2,3"; 批量删除数据 StringBuilder strsql=new StringBuilder(); strSql.Append(&quo ...

跳转到QQ聊天界面和QQ群界面

// uin=2977046873为QQ号 NSString *urlString = @"mqq://im/chat?chat_type=wpa&uin=2977046873&am ...

new&comma;delete&comma;malloc&comma;free

malloc/free是C语言中的内存申请和释放函数,利用它们可方便地管理内存.而在C++中我们又有了新的工具:new/delete.new/delete在管理内存的同时会调用类的构造函数和析构函数, ...

Python之print字典

在python 下面一个包含中文字符串的列表(list)或字典,直接使用print会出现以下的结果: >>> adict={'a':'中文'} >>> print ...

visualSFM的使用方法

VisualSFM是Changchang Wu编写的使用 Structure from Motion (SfM)进行3D重建的交互界面,具体内容详见http://ccwu.me/vsfm/.本人电脑环 ...

web页面中http返回的状态码解释

状态码类别:   1xx: 信息类,表示客户发送的请求服务端正在处理   2xx:成功类,服务器 成功接收请求   3xx:重定向类,服务器中找到了多个请求内容,则需要用户再次操作选择   4xx:客 ...