Javascript 如何使用Jquery从数据库中获取值?

Javascript 如何使用Jquery从数据库中获取值?,javascript,php,jquery,mysql,Javascript,Php,Jquery,Mysql,但是它不起作用,我正在使用selected.jquery.js。我需要在这方面做些改变吗 $(function () { $("#sec-qual-inst-id").change(function () { if ($(this).val() == "#Others") { $("#other-sec-qual-inst-id").show(); } else { $("#other-sec-qual

但是它不起作用,我正在使用selected.jquery.js。我需要在这方面做些改变吗

 $(function () {
    $("#sec-qual-inst-id").change(function () {
        if ($(this).val() == "#Others") {
             $("#other-sec-qual-inst-id").show();
        } else {
             $("#other-sec-qual-inst-id").hide();
        }
    });
});
$'sec-qual-inst-id'。在'change'上,函数{ 如果$this.val==其他{ 警报$this.val; }否则{ 警报$this.val; } }; 机构名称 abc xyz 其他
嗯。。。长短不一的是,您无法从JavaScript中的数据库中获取值。除非您使用的是像node.js这样的服务器端JavaScript

一种方法是调用通过XHR创建的服务器端点。传统的例子是

本剧演员:

客户端浏览器,JavaScript,CSS,HTML

服务器端a灯组,expressjs,Phoenix,Rails。。。任何能够响应http请求并且具有一些数据支持的东西

第一幕:

用户点击其他用户 在客户端,JavaScript正在侦听该事件 JavaScript向服务器上的端点创建一个XHR GET请求,比如 服务器被设置为处理url/选项,因此它通过查询数据库来获取选项,并将它们作为响应返回(通常是JSON)来处理请求 客户端JavaScript接收响应,并将有效负载强制转换为可设置为选择菜单的数据结构 然后,客户端JavaScript将强制选项插入菜单中,用户现在可以从其奇特的db支持选项中进行选择。 在很大程度上,这是网络的流程。关于什么是有效载荷,什么是传递机制,有很多不同的说法,但舞蹈仍然是一样的

浏览器尽其所能对您进行沙箱处理,出于非常好的理由,您能想象是否有人可以访问您的数据库吗?哎呀


不管怎样,我不确定这是否有帮助,但你似乎有点不知所措,或者我误解了你的问题。希望这能成为一个指南

这里是否缺少一个Ajax调用?它在我的代码中不起作用。我的选项值不在html中,它直接来自数据库。什么值来自数据库???在从数据库渲染期间分配哪些值??你能告诉我格式吗?它工作了谢谢:你能告诉我如果我想显示一个文本框而不是警报$'div-inst-id'。在'change'上,函数{if$this.val==others{$dvPassport.show;}else{$dvPassport.hide;};我使用的代码是dvPassport,它是我的div的名称,文本框在其中,显示为:none;
 $(function () {
    $("#sec-qual-inst-id").change(function () {
        if ($(this).val() == "#Others") {
             $("#other-sec-qual-inst-id").show();
        } else {
             $("#other-sec-qual-inst-id").hide();
        }
    });
});
    Handler.prototype.success = function(result, status, xhr){
        if(this.action == 'institutes'){
            institutes = result.campuses;
            $("#inst-id").append(getInstitutesHtml(institutes));            
            $("#inst-id").chosen();
        }else if(this.action == 'courses'){
            courses = result.courses;h
            $("#course-id").append(getCoursesHtml(courses));
            $("#course-id").chosen().change(function(that){
                var course = $("#course-id").val();
                var streams = {};
                var options = '<option value=""></option>';
                console.log(course);
                streams = courses[course];
                $.each(streams, function( index, value ) {
                    options = options+'<option value="'+value+'">'+value+'</option>'; 
                });
                $("#stream-id").html("");
                $("#stream-id").append(options);    
                if(flag){
                    $("#stream-id").chosen();
                    flag = false;
                }else{
                    $("#stream-id").trigger("chosen:updated");
                }
            });
        }else if(this.action == 'keyskills'){
            keyskills = result.keySkills;
            $("#keyskills-id").append(getKeyskillsHtml(keyskills));         
            $("#keyskills-id").chosen();
        }


    };