Javascript 从下拉菜单选择Ajax调用
我试图向下拉菜单中指定的页面发出Ajax请求。在将鼠标单击绑定到表行时,我已经成功地使用了我的大部分脚本代码,但在这里尝试时,它在这种情况下不起作用。I get ReferenceError:未定义Fnsucture。当我使用这个脚本的大部分绑定鼠标点击时,我没有得到这个引用错误Javascript 从下拉菜单选择Ajax调用,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我试图向下拉菜单中指定的页面发出Ajax请求。在将鼠标单击绑定到表行时,我已经成功地使用了我的大部分脚本代码,但在这里尝试时,它在这种情况下不起作用。I get ReferenceError:未定义Fnsucture。当我使用这个脚本的大部分绑定鼠标点击时,我没有得到这个引用错误 <script type="text/javascript"> function isValid(frm){ $("#courseinfo")
<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>
函数有效(frm){
$(“#courseinfo”).hide();
$(“#frm”).validate();
var four04=$(“#frm:selected”).val();
log(“测试控制台”);
如果(four04==“404”)
{
控制台日志(“404”);
var txt=($(this.text());
$.ajax({url:404.json),数据:{coursename:txt},类型:“GET”,数据类型:“json”,
成功:fnsucture,错误:fnerror});
函数fnsuccess(serverReply){
if(serverReply&&serverReply.info){
$(“#infohere”).text(serverReply.info);
$(“#课程信息”).show();
}否则
fnerror();
}
函数fnerror(){
警报(“发生错误”);
$(“#courseinfo”).hide();
}
}
其他的
{
控制台日志(“else 404”);
}
}
课程-->
评级
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>
函数有效(frm){
$(“#其他页面内容”).hide();
$(“#frm”).validate();
var dropDownSelected=$(“#frm:selected”).val();
如果(dropDownSelected==“404”)
{
var txt=($(this.text());
$.ajax({url:“404_error.json”,
数据:{coursename:txt},
键入:“获取”,
数据类型:“json”,
成功:成功,
错误:函数(xhr、状态、错误){
$(“#infohere”).text(
“请求的页面是:404_error.json”+
。返回的错误号为:“+xhr.status+
“。错误消息为:“+错误”;
$(“#其他页面内容”).show();
}
});//ajax的结束
}//if 404结束
函数fnsuccess(serverReply){
if(serverReply&&serverReply.info){
$(“#infohere”).text(serverReply.info);
$(“#其他页面内容”).show();
}
}
返回false;//在屏幕上暂停消息
}
定义函数fnsucture(serverReply)
和fnerror
外部isValid函数
在定义函数之前,您似乎正在使用函数fnsucture
和fnerror
。将$.ajax调用
移动到这些函数下面。在ajax调用成功中,您忘记将参数传递给函数fnsucture(serverReply)
。更多的解释/上下文将对其他查看者非常有帮助。