自动完成在游戏中使用来自MySQL的数据?

我使用的发挥工作的一个项目! 框架和我目前被困试图找出如何连接一个基本的jQuery自动完成使用MySQL数据库作为数据源并从中检索信息。 有没有人尝试过​​呢? 谢谢。

--------------解决方案-------------

随着jQueryUI的自动完成,你只需要设置一个输入字段一类特殊的“自动完成”:

<input type="text" class="ui-state-default autocomplete" name="object.name" value="" />

然后你可以使用这个jQuery代码来设置自动完成

$(document).ready(function(){
$('input.autocomplete').each( function() {
var $input = $(this);
// Set-up the autocomplete widget.
$(this).autocomplete({
minLength: 3,
source : function(req, resp) {
$.getJSON("@{MyController.getObjects()}?term=" + req.term , req, function(data) {
var suggestions = [];
$.each(data, function(i, val) {
var obj = {};
obj.label = val.name;
obj.id = val.id;
suggestions.push(obj);
});
resp(suggestions);
});
}
});
});
});

在这里,你叫控制器“myController的”方法getObjects。 这种方法看起来像

public static void getObjects(final String term) {
renderJSON(MyObject.findByName(term, AUTOCOMPLETE_MAX));
}

其中“findByName”是在你的模型对象的方法是按名称搜索对象。 AUTOCOMPLETE_MAX是定义要检索的最大对象数常量。

控制器方法getObjects返回被称为“VAL”在JavaScript中的JSON对象。 请注意,您必须从该对象的值用“标签”和“ID”,可以通过jquery的自动完成管理映射到一个对象。

有了这个解决方案,你会得到你的控制器验证方法的对象名称。 我喜欢这个解决方案,因为您可以通过名称在控制器然后搜索对象允许用户选择一些wihtout使用自动完成列表中。 然后,您将验证在控制器验证方法的名称。

你必须基于对lunatech网站ID另一种解决方案:http://www.lunatech-research.com/archives/2011/07/05/jquery-ui-ajax-aut​​ocomplete-playframework

尝试使用jQuery的用户界面自动完成。

http://jqueryui.com/demos/autocomplete/

这可以帮助

在自动完成jQuery UI的,你可以给输入(源)作为字符串数组或JavaScript回调。

你的情况,你可以使用回调作为源,可以使用Ajax从MySQL中获取数据。

我还没有尝试过,但我想它应该工作。

分类:jQuery的 时间:2012-01-01 人气:34
分享到:

相关文章

  • 是否有可能一个HTML5 / CSS / jQuery的图形用户界面应用到嵌入式Flash视频? 2013-06-16

    我想采取对其他网站(如YouTube)的托管Flash视频和HTML5设计/ CSS / jQuery的图形用户界面供玩家控制一个自定义嵌入到我自己的网站. 这可能吗? 要么 我会在Flash中创建新的播放器界面? --------------解决方案------------- 对于YouTube上,有边框播放器,它有一个最初的播放按钮和YouTube标志,但除此之外,你可以让你自己的用户界面和控制通过JavaScript的视频播放. 据我所知,YouTube对影片中的所有无法访问所有,但You

  • 在AJAX风格的jQuery UI选项卡的jQuery用户界面对话框窗口中加载 2013-09-25

    阿贾克斯标签很好地工作. 这是很简单的那部分. 然而,得到的AJAX用户界面对话框模态窗口引发的纽带一直未果. 任何帮助,这将不胜感激. --------------解决方案------------- 没有什么比人更容易. 试试这个: <?xml version="1.0" encoding="iso-8859-1"?> <html> <head> <script src="http://ajax.googleap

  • jQuery用户界面自动完成不使用jQuery 1.6和jQuery UI 1.8.12工作。 为什么? [编辑]现在工作的部分 2013-11-07

    我试图使用jQuery用户界面自动完成,但它不工作. 我只是一个粘贴旧的代码我有,那在使用jQuery 1.4.4和jQuery UI的1.8.6使用其他应用程序的工作. 现在,我试图用jQuery 1.6和jQuery UI的1.8.12使用. 日期选取器工作,但自动完成只是闪烁领域,并显示什么. 这里是代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&

  • jQuery的功能用户界面滚动 2014-08-29

    即时通讯寻求修改jQuery的功能用户界面的例子. 它显示4拇指的权利,我想知道是否我是有更像8我如何能得到我的滚轮与突出显示的要素移动? 我这里有一个例子,供大家复习. 我怎样才能得到一个包含了大拇指正在显示所选项目时移动的单吗? 样品在这里:http://www.barberveri.com/featured/index.html --------------解决方案------------- 本页面使用jQuery UI选项卡插件,插件JScrollPane的. 我认为这种行为可以通过使用

  • 如何设置背景图片时,jQuery的对话框用户界面是开放的() 2014-10-23

    如何设置背景图片时,jQuery的对话框用户界面是开放的() 如何设置html页面的jQuery的背景图像 --------------解决方案------------- jQuery的用户界面对话框不会阻止你改变页面背后的JavaScript,即使对话框是模式. 下面的工作: $('body').css('background','url(path/to/your/image.jpg)') 如果你想设置背景图片,当你的用户界面对话框打开,那么你会绑定到该对话框的"打开"事件,就像这样

  • jQuery的,用户界面​​对话框仅在本地工作 2012-01-19

    我是新来的jQuery和正在运行到一个问题. 我只写了jQuery代码在本地工作,只要我把它上传到我的主机(godaddy.com)将停止工作. 现在该网站是不是真的实用,因为我想太simplyfy的问题. 我使用谷歌API来获取jQuery库. 当我使用$符号的快捷方式,而不是"jQuery的." 打开的对话​​框(DIA)运行,但跳过了应该打开的对话​​框中的部分功能. 当我使用jQuery对象的功能是完全跳过并尽可能我可以从错误中知道的,函数不再存在了从浏览器的观点. 该网站我的

  • “jQuery的”未定义jQuery的jQuery的-UI-对话 2012-01-14

    我使用jQuery.ui.dialog.js显示模式弹出.但这种Jquery.ui.dialog.js是扔jaascript错误'jQuery的'是不确定的. 请帮忙 . 我怎样才能解决这个问题. 我用这2 .css和.js文件 1.jquery.ui.dialog.css和1.jquery.ui.dialog.js 2.jquery-UI-1.8.2.custom.css和查询界面,1.8.2.custom.js 请指教....... --------------解决方案-----------

  • 轻量级的jQuery(或无jQuery的)滑块控件? 2013-03-04

    我需要这样的东西从jQueryUI的滑块控件,但我不希望使用整个框架只有一个控制. 我试图寻找谷歌,但我得到的结果图像滑块,而不是控制我之后的类型. 也许还有另外一个名字为这种控制的? 我发现只有这个 这正是我想要的,但它尚未在很长一段时间更新,我不具备的设施,以确保它在所有的浏览器. 谢谢! --------------解决方案------------- 没有太多的自定义jQuery UI的下载. 此外,这些文件都可以在谷歌的CDN. jQuery的 http://ajax.googleapi

  • 在jQuery Mobile的使用jQuery UI Dialoge箱 2014-11-01

    jQuery Mobile的现有的对话框功能需要,新的超链接来打开. http://jquerymobile.com/demos/1.0.1/docs/pages/page-dialogs.html 我想要的东西完全一样jQuery UI的Dialoge中,我想这与jQuery-Mobile公司. 它不是目前运行正常. (dialoge箱正在透明的,而不是UI的主题没有被应用的jQuery-Mobile公司的.什么都可以做,以使它看起来像jQuery Mobile的对话框. 非常感谢!! ---

  • asp.net MVC有参考意外http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js~~V 2012-02-14

    使用简单模式的jQuery的API来显示一个iframe的一个模式外窗在Firefox和谷歌CHROM做工不错. http://www.ericmmartin.com/projects/simplemodal/ <script type="text/javascript"> jQuery(function ($) { $('#@Html.DisplayTextFor(modelItem => item.prpCompanyNameLinkID), #confirm-

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.782 (s). 11 q(s)