ajax处理select下拉表单
AJAX 处理 表单 SELECT 下拉
2023-09-14 08:58:32 时间
$('#gameid').change(function() { var gameid = $(this).val(); if (this.value != '') { $.ajax({ url: '/market/task/?act=ajax_get_game_server_list&gameid=' + gameid, type: 'get', dataType: 'json', beforeSend: function() { $('#load_game_server').html("<image src='http://pages.19youxi.me/admin/css/images/loading.gif'>"); }, success: function(data) { if (data.errorNum == 0) { var game_server_list = data.game_server_list; $("#serverid").find('option').eq(1).nextAll().remove(); if (game_server_list) { for(var i=0; i < game_server_list.length; i++) { var option = "<option value='" + game_server_list[i]['id'] + "'>" + game_server_list[i]['servername'] + "</option" $("#serverid").append(option); } } $("#load_game_server").html(""); } else { alert(data.errorMsg); } }, error: function() { alert('未知错误!'); } }); } });
返回后处理data还可以用map函数处理:
$(function() { $(".chzn-select").chosen(); $(".chzn-select-deselect").chosen({allow_single_deselect:true}); $('.chzn-choices input').autocomplete({ source: function( request, response ) { $.ajax({ url: "/change/name/autocomplete/"+request.term+"/", dataType: "json", success: function( data ) { response( $.map( data, function( item ) { $('ul.chzn-results').append('<li class="active-result">' + item.name + '</li>'); } }); } });
相关文章
- ajax解决跨域问题_ajax支持跨域请求
- 前端面试题ajax_前端性能优化面试题
- AJAX 请求常用参数(cache、dataType、processData、contentType)
- Ajax教程_ajax是服务器端动态网页技术
- IE8 - Unknown Runtime Error Using innerHTML & Ajax
- 史上最详细Ajax学习笔记
- spring ajax 长轮询,Ajax轮询和长轮询
- js ajax 设置代理ip(vue Ajax 设置 代理ip)
- Ajax搭建服务器环境
- Ajax调用MySQL给网站带来快捷体验(ajax调用mysql)
- Ajax与MySQL结合实现互联网数据交互的动力(ajax和mysql)
- 使用Ajax和Mysql实现简单点赞功能(ajax mysql点赞)
- Ajax.net显示错误信息的设置
- ajax异步获取数据实现代码(js创建ajax对象)
- 一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
- Jquery一次处理多个ajax请求的代码
- AJAX获取服务器当前时间及时间格式输出处理
- 深入Ajax代理的JavaServlet的实现详解
- 简洁Ajax函数处理(示例代码)
- ajax提交session超时跳转页面使用全局的方法来处理
- jquery+ajax验证不通过也提交表单问题处理