来自下拉选择的Ajax调用

时间:2014-04-22 19:50:43

标签: javascript jquery html ajax

我正在尝试向下拉菜单中指定的页面发出Ajax请求。我已成功使用我的大部分脚本代码将鼠标单击绑定到表行,但在这种情况下,当我在此处尝试时它不起作用。我得到ReferenceError:未定义fnsuccess。当我使用大部分脚本来绑定鼠标时,我没有得到这个ReferenceError。

    <script type="text/javascript">
            function isValid(frm){
                $("#courseinfo").hide();
                $("#frm").validate();

                var four04 = $("#frm :selected").val();
                console.log('Testing console');

                if (four04 == "404")
                {
                    console.log("404");
                    var txt = ($(this).text());

                    $.ajax({url:"404.json", data:{coursename:txt}, type:"GET", dataType:"json",
                    success:fnsuccess, error:fnerror});

                    function fnsuccess(serverReply) {
                        if (serverReply && serverReply.info) {
                            $("#infohere").text(serverReply.info);
                            $("#courseinfo").show();
                        } else
                        fnerror();
                    }
                    function fnerror() {
                        alert("Error occurred");
                        $("#courseinfo").hide();
                    }                   
                }
                else
                {
                    console.log("else 404");
                }
        }
    </script>
             课程 - &gt;                 评分                 404错误                 403错误                                                        

修正:

    <script>
        function isValid(frm){
            $("#otherPageContent").hide();
            $("#frm").validate();

            var dropDownSelected = $("#frm :selected").val();

            if (dropDownSelected == "404")
            {
                var txt = ($(this).text());

                $.ajax({url:"404_error.json", 
                    data:{coursename:txt}, 
                    type:"GET", 
                    dataType:"json",
                    success:fnsuccess, 
                    error: function(xhr, status, error){
                        $("#infohere").text(
                            "The requested page was: 404_error.json" + 
                            ". The error number returned was: " + xhr.status + 
                            ". The error message was: " + error);
                        $("#otherPageContent").show();
                    }
                }); // end of ajax                                      
            } // end of if 404

            function fnsuccess(serverReply) {
                if (serverReply && serverReply.info) {
                    $("#infohere").text(serverReply.info);
                    $("#otherPageContent").show();
                } 
            }
            return false;   // pause message on screen
        }
    </script>

1 个答案:

答案 0 :(得分:0)

function fnsuccess(serverReply)

之外定义fnerrorisValid function