博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决js代码中加入alert()就成功执行,不加就不对的问题!
阅读量:5807 次
发布时间:2019-06-18

本文共 5399 字,大约阅读时间需要 17 分钟。

hot3.png

因为return false的作用域在each循环中,它只起到了结束当前循环的作用,相当于break,并没有返回任何类型的值

转众多网友意见

问题:

我是做一个回车事件处理,翻页的那种,在一个页面上成功了,换到另外两个页面上就出错了。反正就是跳到1,如果加上alert(),就跳转成功。

可能情况: 这种情况一般出现在 alert() 之后的某个代码需要页面元素进入一定的状态才能使用,

加上 alert() 之后,相当于页面元素有足够的时间进入一定的状态了,如果确定你的代码没有问题,

你可以把 alert() 之后的代码放到一个 setTimeout 的函数中,也就是停一会再运行下面的代码,

应该就没问题了。

解决办法:

这文章帮我解决了今天烦了半天的东西--类中使用的this+setTimeout。转载过来了。

setTimeout (表达式,延时时间)

setTimeout(表达式,交互时间)

延时时间/交互时间是以豪秒为单位的(1000ms=1s)

setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次

setTimeout 在执行时,它从载入后,每隔指定的时间就执行一次表达式

1,基本用法:

执行一段代码:var i=0;setTimeout("i+=1;alert(i)",1000);执行一个函数:var i=0;setTimeout(function(){i+=1;alert(i);},1000);//注意比较上面的两种方法的不同。下面再来一个执行函数的:var i=0;function test(){    i+=1;    alert(i);}setTimeout("test()",1000);也可以这样:setTimeout(test,1000);总结:setTimeout的原型是这样的:iTimerID = window.setTimeout(vCode, iMilliSeconds [, sLanguage])

setTimeout有两种形式

setTimeout(code,interval)

setTimeout(func,interval,args)

其中code是一个字符串 func是一个函数.

注意"函数"的意义,是一个表达式,而不是一个语句. 比如你想周期性执行一个函数

function a(){

//...
}
可写为
setTimeout("a()",1000)
setTimeout(a,1000)

这里注意第二种形式中,是a,不要写成a(),切记!!!

展开来说,不管你这里写的是什么,如果是一个变量,一定是一个指向某函数的变量;
如果是个函数,那它的返回值就 要是个函数

2,用setTimeout实现setInterval的功能

思路很简单,就是在一个函数中调用不停执行自己,有点像递归

var i=0;     function xilou(){         i+=1;         if(i>10){alert(i);return;}         setTimeout("xilou()",1000);         //用这个也可以         //setTimeout(xilou,1000);     }

3,在类中使用setTimeout

终于到正题了,其实在类中使用大家遇到的问题都是关于this的,只要解决了这个this的问题就万事无忧了。 呵呵。让我们来分析一下:

function xilou(){     //by 西楼冷月 www.chinacms.org     this.name="xilou";     this.sex="男";     this.num=0; } xilou.prototype.count=function(){     this.num+=1;     alert(this.num);     if(this.num>10){return;}     //下面用四种方法测试,一个一个轮流测试。     setTimeout("this.count()",1000);//A:当下面的x.count()调用时会发生错误:对象不支持此属性或方法。     setTimeout("count()",1000);//B:错误显示:缺少对象     setTimeout(count,1000);//C:错误显示:'count'未定义     //下面是第四种 by 西楼冷月 www.chinacms.org     var self=this;     setTimeout(function(){self.count();},1000);//D:正确     } var x=new xilou(); x.count();错误分析: A:中的this其实指是window对象,并不是指当前实例对象 B:和C:中的count()和count其实指的是单独的一个名为count()的函数,但也可以是window.count(),因为window.count()可以省略为count() D:将变量self指向当前实例对象,这样js解析引擎就不会混肴this指的是谁了。 话说回来,虽然我们知道setTimeout("this.count()",1000)中的this指的是window对象,但还是不明白为什么会是 window对象^_^(有点头晕...) 那我们可以想象一下这个setTimeout是怎样被定义的: setTimeout是window的一个方法,全称是这样的:window.setTimeout() 那应该是这样被定义的: window.setTimeout=function(vCode, iMilliSeconds [, sLanguage]){     //.....代码     return timer//返回一个标记符 } 所以当向setTimeout()传入this的时候,当然指的是它所属的当前对象window了。

==============================================

需要alert后代码可以生效是因为dom对象的时间问题。
若我们在执行完上一行代码后,稍等片刻再开始执行下一行代码,那么我们的问题就解决了。
最简单的办法,延尺执行:

window.setTimeout("document.getElementById('headserch').focus();",10);   //DOM对象超时不能设置焦点

当我把这句话延迟 了十毫秒来执行,肉眼是分辨不出来的。但机器可以。于是就解决了DOM对象时间同步,而不能再执行下面的代码。

用ajax获得数据,可是页面显示的时不加个alert就显示不出来,随意加个alert就可以 解决办法
这是因为Ajax的异步处理的引起的 只需要把jQuery中的$.ajaxSettings.async = false;
就可以了 默认为true;
AJax可以通过两种方法访问服务器,即同步(脚本会停留并等待服务器发送回复然后再继续) 和 异步(脚本允许页面继续基进程并处理可能的回复)

/*【异步提交返回处理结果】Ajax获取结果*/function ajax_GetJsonData() {    $.ajaxSettings.async = false;     $.ajax({        type: "POST", //用POST方式传输        dataType: "json", //数据格式:JSON        url: 'IMenu.aspx', //目标地址        data: "action=getmenu",        beforeSend: function () { }, //发送数据之前        complete: function () { }, //接收数据完毕        error: function (XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); },        success: function (msg) {            $("#menutdiv").empty();            $("测试").appendTo("#menudiv");                }    });}       function CheckForm(){        if($("#username").val() == ''){            $("#warnning").html("ERROR");            return false;        }        return CheckUserName(); //这里的返回值不起作用    }    function CheckUserName(){        var username = $("#username").val();        $.get("b.php",{ name:username},            function (data){                if(data == 1){                    $("#warnning").html("Account is used.");                    return false; //这里是返回给CheckUserName()的吗?                } else {                    $("#warnning").html("You can register.");                    return true;  //这里是返回给CheckUserName()的吗?                }            }        );    }

CheckForm()这个函数是表单验证的;CheckUserName()是判断用户名是否存在的,存在的时候return false,不存在的话return true,为何这里的return true/false没效果呢?

  逻辑没弄清楚,要将ajax设置为同步的,需要使用$.ajax,$.get默认是异步的,并且不是在回调函数内return,而是在CheckUserName函数中申明一个变量来接受回调函数的返回值,然后CheckUserName返回这个值。

function CheckForm(){    if($("#username").val() == ''){        $("#warnning").html("ERROR");        return false;    }    return CheckUserName(); //这里的返回值不起作用}function CheckUserName(){    var username = $("#username").val();    var result=false;    $.ajax({async:false//要设置为同步的,要不CheckUserName的返回值永远为false            ,url:'b.php',data:{name:username}            ,success:function(data){            if(data == 1){                $("#warnning").html("Account is used.");                result=false;            } else {                $("#warnning").html("You can register.");               result=true;            }    }});    return result;//==========这里才是CheckUserName的返回值,回调函数返回值没有意义}

jquery的方法默认都是返回jquery的对象,你在ajax的方法中返回对象也是枉然。只能用变量或是其他东西存储起来。

默认异步的,不会等待ajax方法执行完了了才执行下面的代码。所以有时候也是不能得到值的,要改成“同步”

也可以用$("div").data("result", true);得到值用$("div").data("result")

如果要异步又要得到值,可以考虑用setTimeout重复执行得到值的代码,直到得到值为止

转载于:https://my.oschina.net/u/2272597/blog/796750

你可能感兴趣的文章
LeetCode--112--路径总和
查看>>
感悟贴2016-05-13
查看>>
百度编辑器ueditor 光标位置的坐标
查看>>
DEV-C++ 调试方法简明图文教程(转)
查看>>
参加婚礼
查看>>
Java重写equals方法和hashCode方法
查看>>
Spark API编程动手实战-07-join操作深入实战
查看>>
EasyUI基础入门之Easyloader(载入器)
查看>>
Spring ’14 Wave Update: Installing Dynamics CRM on Tablets for Windows 8.1
查看>>
MySQL 备份与恢复
查看>>
TEST
查看>>
PAT A1037
查看>>
ReactiveSwift源码解析(三) Signal代码的基本实现
查看>>
(六)Oracle学习笔记—— 约束
查看>>
[Oracle]如何在Oracle中设置Event
查看>>
top.location.href和localtion.href有什么不同
查看>>
02-创建hibernate工程
查看>>
Scrum之 Sprint计划会议
查看>>
svn命令在linux下的使用
查看>>
Gradle之module间依赖版本同步
查看>>