首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ajaxjs 事件的执行顺序

有一个需求,滚轮滚动到相应位置的时候执行当前的动画,这个动画在footer里面,而网页的主体通过ajax进行渲染,我在js里面调用ajax渲染数据,然后再获取主体的高度,滚动到该高度的时候执行动画。...我大致想了两种解决办法,均以失败告终,本地是ajax执行,服务器是js执行。...最后我想到了,ajax不就是一种异步方法,我将其改为同步不就行,先让ajax执行完在执行js事件。...async: false, 我在ajax里面写了async这个方法,false 意思是将其默认为同步获取数据,很好,回到服务器打开控制台,发现是先渲染了数据,才获取了主体的高度,问题得以解决。...当然这样做有弊端的,如果接口出问题,ajax渲染失败,那么整个网页的js都将执行不了。不过我想真到了数据都渲染不出的地方,访问网页就没有意义了,所以最后我采用了这种方法。

2.9K30

js书写原生ajax,JS 原生ajax写法

原生ajax 原文链接:http://caibaojian.com/ajax-jsonp.html 一.JS原生ajax ajax:一种请求数据的方式,不需要刷新整个页面: ajax的技术核心是 XMLHttpRe...… JS原生ajax与Jquery插件ajax深入学习 序言: 近来随着项目的上线实施,稍微有点空闲,闲暇之时偶然发现之前写的关于javascript原生xmlHttpRequest ajax方法以及后来...动态网页:是指可以通过服务器语言结合数 … JS原生Ajax&;Jquery的Ajax技术&;Json 1.介绍Ajax Ajax = 异步 JavaScript 和 XML...删除用户,使用了js原生ajax 主要复习了php的pdo数据库操作,和jsajax,真麻烦,希望jquery的ajax简单点. index.php: 1 2 [代码]JS原生...Ajax,GET和POST javascript/jsajax的GET请求: Jquery学习笔记(10)–ajax删除用户,使用了js原生ajax 主要复习了php的pdo数据库操作,

15.3K40
您找到你想要的搜索结果了吗?
是的
没有找到

jquery ajax请求成功,数据返回成功,seccess执行的问题

这时开始怀疑,难道是JS程序有处理数据兼容性有问题,觉得甚是不可思议。整了大约半小时,越来越觉得不大可能。就放弃了这种想法。 有转向,重新审视数据。 但是发现数据从中间换行了,没太在意。...返回的数据类型一定要符合定义的数据类型。即如果你定义的 dataType 是 json 类型的,那么返回来的数据一定是 json 才可以,平且不然就会执行 error 里的程序块儿。...原因是ajax请求跨域了,解决方法是在两个文件里都添加一段 js: [/b]document.domain,或者采用Jsonp的方式,如我的前一篇blog中提到的。...还有一点对JQuery 中Ajax的一点其它的认识: 客户端发起请求,得到服务器端的相应是200,没有问题.此时在判断进入success 对应的回调函数还是进入到error对应的回调函数之前...请求的域和当前域是否是同一域,如果不是同一域也十分有可能进入error:function(){***} 原帖:http://www.myexception.cn/ajax/413061.html

3.8K30

原生JS--Ajax

t='+new Date().getTime(),true);       --同步:js中指事情必须一件一件来       --异步:js中指多件事情要一起做       --ajax是做异步传输的,...并不是同步 3.发送请求     oAjax.send(); 4.接收返回值     请求状态监控:onreadystatechange事件:当自己的Ajax与服务器之间有通讯时触发     主要通过...请求动态数据:如json文件     3.1--ajax返回值是一个字符串,可通过eval转换后来读取返回的数组/json数据         alert(str);         alert(typeof...(url,fnSuccess,fnFaild){ 26 //1.创建Ajax对象 27 //js中,使用一个没有定义的变量会报错,使用一个没有定义的属性,是undefined 28 //IE6...default: 106 //包含没有名字的表单字段 107 if(field.name.length){ 108

6.2K21

原生JSAjax

转自:https://www.cnblogs.com/yufann/p/JS-Ajax.html 1.创建一个Ajax对象       非IE6浏览器:var obj = new XMLHttpReuqest...name='+new Date().getTime(),true); 3.发送请求          obj.send(); 4.接收返回值           请求状态监控:onreadystatechange...事件:当自己的Ajax与服务器之间有通讯时触发            主要通过readyState属性来判断有没有结束,结束了也并没有成功,status属性来判断             1....0(未初始化)还没有调用send()方法                    1(载入)已经调用了send()方法,正在发送请求                    2(载入完成)send()方法执行完成...---返回值responseText:从服务器返回的文本:obj.responseText(返回的为字符串)  GET方式 function getAjax(){ var obj

11.1K20

jsajax写法_ajax原生写法

} function send(data) { createXHR(); XHR.open(“GET”, “/url/xxx”, true); //true:表示异步传输,而不等send()方法返回结果...“Content-Type”,”application/x-www-form-urlencoded;”); //用POST的时候一定要有这句 */ XHR.onreadystatechange = ajax...; //当状态改变时,调用ajax这个方法,方法的内容我们另外定义 XHR.send(data); } function ajax() { if (XHR.readyState == 4) { //...关于Ajax引擎对象中的方法和属性,可以参考博文:http://www.cnblogs.com/hongfei/archive/2011/11/29/2265377.html if (XHR.status...本站仅提供信息存储空间服务,拥有所有权,承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

11.6K10

Js原生Ajax和Jquery的Ajax

Js原生Ajax和Jquery的Ajax 一、Ajax概述 1.什么是同步,什么是异步 同步现象:客户端发送请求到服务器端,当服务器返回响应之前,客户端都处于等待 卡死状态 异步现象:客户端发送请求到服务器端...,直到服务器端将数据返回Ajax引擎后,会触发你设置的事件,从而执行自定义的js逻辑代码完成某种页面1 功能。...二、js原生的Ajax技术(了解) js原生的Ajax其实就是围绕浏览器内内置的Ajax引擎对象进行学习的,要使用js原 生的Ajax完成异步操作,有如下几个步骤: 1)创建Ajax引擎对象 2)...) 其中: url:代表请求的服务器端地址 data:代表请求服务器端的数据(可以是key=value形式也可以是json格式) callback:表示服务器端成功响应所触发的函数(只有正常成功返回执行...) type:表示服务器端返回的数据类型(jquery会根据指定的类型自动类型转换) 常用的返回类型:text、json、html等 3)$.ajax( { option1:value1,option2

19.5K20

js --- 执行机制

JS为什么是单线程的?  JS最初被设计用在浏览器中,那么想象一下,如果浏览器中的JS是多线程的。...process1 删除了该dom,而process2 编辑了该dom,同时下达2个矛盾的命令,浏览器究竟该如何执行呢? 2 JS为什么需要异步?...如果JS中不存在异步,只能自上而下执行,如果上一行解析时间很长,那么下面的代码就会被阻塞。 对于用户而言,阻塞就意味着"卡死",这样就导致了很差的用户体验 3 JS单线程又是如何实现异步的呢?   ...是通过的事件循环(event loop),理解了event loop机制,就理解了JS执行机制。...,而是延迟了一段时间,满足一定条件后才去执行的,这类代码,我们叫异步代码。

6.2K20

JS执行机制

JS执行机制 以下代码执行的结果是什么?...console.log(1); setTimeout(function () { console.log(3); }, 0); console.log(2); 1.1 JS 是单线程...单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后一个任务。这样所导致的问题是: 如果 JS 执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。...于是,JS 中出现了同步任务和异步任务。 同步 ​   前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的。...他们的本质区别: 这条流水线上各个流程的执行顺序不同。 1.3 JS执行机制(事件循环) 1. 先执行执行栈中的同步任务。 2. 异步任务(回调函数)放入任务队列中。 3.

7.4K20

ajax和vue.js

,才能数据交互:接口作用、地址、参数 – 是否需要发送数据,返回的数据模板) ajax请求数据接口(不同语言连接数据库的程序),数据接口去向数据库请求数据,然后发送给ajax。...参数1:url的值 参数2:发送数据的值 data 参数3:成功的回调函数 参数4:返回的数据格式 3.了解VUE Vue.js是前端三大新框架之一, 中国人 尤雨溪 2014年研发出来的 ---...vue兼容低版本浏览器 vue注重数据,只要数据变化,页面视图随着数据的变化而变化。...但是可以使用js的入口函数。 在工作中,项目定了用jq开发就不使用vue了。 工作中使用vue的时候,一般写入口函数,而是把vue的代码粘贴到标签的后面,只要保证标签先执行就可以了。...条件成立的命令:条件不成立的命令 三元运算符是js中的知识点,原生js就有 5.2vue控制HTML属性 超链接中的href在vue中可以写死具体的路径和网址。

10.3K21

JS执行顺序

javascript给人的直观感受是,从上往下执行,但实际上却不是这样的,先看个例子 1. console.log(test); 2. var test = "你好"; 3. console.log(...因为javascript执行时,在同一个作用域内是先编译再执行 编译的时候会编译 function 和 var 这两个关键词定义的变量,编译完成后从上往下执行并向变量赋值 所以执行第1行时, var test...已经执行过了,所以test不会报错,而test2就会报错 需要注意的是,对 var test 执行编译时,只是先定义了 test 这个变量,并不会把 "你好" 这个值赋给test,而是到第2行时才给test...赋值的,这就是为什么第1行的执行结果是 undefined 对于上面的例子,可以这样理解 //先编译 var 定义的变量 1. var test; //编译完成后,从上到下执行代码 2. console.log...//执行结果是"你好" function test() { console.log("你好"); } 模拟编译执行过程 //找到 function 定义的部分进行编译 //以函数名作为变量名,同时用函数赋值

9.2K60
领券