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,它有一个简单的输入用户名的页面,界面上有两个输入框,第一个输入框包含在一个 ...

随机推荐

【知识积累】try-catch-finally&plus;return总结

一.前言 对于找Java相关工作的读者而言,在笔试中肯定免不了遇到try-catch-finally + return的题型,需要面试这清楚返回值,这也是这篇博文产生的由来.本文将从字节码层面来解释为 ...

FluentValidation

git :https://github.com/JeremySkinner/FluentValidation Example using FluentValidation; public class ...

CE程序

注:开发工具用VS2008 安装Windows mobile设备中心进行调试. 项目平台 1.窗体属性设置,然后将size改成238, 320 2.效果 3.调试过程选择“部署” 4.配置文件的简单读 ...

ASP&period;NET Web API 2 中的特性路由

ASP.NET MVC 5.1 开始已经支持基于特性的路由(http://attributerouting.net),ASP.NET WEB API 2 同时也支持了这一特性. 启用特性路 由只需要在 ...

android ndk编译x264开源&lpar;用于android的ffmpeg中进行软编码&rpar;

http://blog.csdn.net/u012917616/article/details/40921833 不废话,直接上.sh脚本: export NDK=/home/xxx/my_softw ...

LinqToSql和ASP&period;NET Entity FrameWork 中使用事务

ASP.NET Entity FrameWork中: int flag = -1; if (this.URPmanagementEntities1.Connection.State != System ...

linux清除swap

执行top会显示Cpu(s):  0.7%us,  0.3%sy,  0.0%ni, 99.0%id,  0.0%wa,  0.0%hi,  0.0%si,  0.0%stMem:   2044500 ...

HDU 3567 Eight II BFS预处理

题意:就是八数码问题,给你开始的串和结束的串,问你从开始到结束的最短且最小的变换序列是什么 分析:我们可以预处理打表,这里的这个题可以和HDU1430魔板那个题采取一样的做法 预处理打表,因为八数码问 ...

iOS&colon;界面适配--iPhone不同机型适配 6&sol;6plus

iOS:界面适配--iPhone不同机型适配 6/6plus        机型变化 坐标:表示屏幕物理尺寸大小,坐标变大了,表示机器屏幕尺寸变大了: 像素:表示屏幕图片的大小,跟坐标之间有个对应关系 ...

Oracle中清除BIN&dollar;开头的垃圾表的解决办法

10g的新特性flashback闪回区 在10g中bin开头表示已经删除的放在回收站的表,oracle在删除表时并没有彻底的删除,而是把表放入回收站!purge recyclebin清空回收站即可. ...