JQ ajax()方法从服务器端返回数据append()到客户端页面上可以显示,但是console.log()获以不到元素对象

JQ ajax()方法从服务器端返回数据append()到客户端页面上可以显示,但是console.log()获以不到元素对象,第1张

这是因为ajax方法是异步执行的,它运行后并不会等待后台返回数据,而是立刻执行后续语句,而这时候如果执行consolelog($('#div1 ul li'));,由于后台服务器尚未返回数据,所以div1中是不存在元素对象的。必须把consolelog()放到success中执行,即

$('#div1')html(html);

consolelog($('#div1 ul li'));

这个是我自己在学习的时候的笔记,给你看看。或许能理解。。。 AJAX是异步交互,在客户端与服务器只加引入一个媒介,从改变了同步交互过程中“处理--等待--处理--等待”的模式。

浏览器在执行任务时即装载了Ajax引擎。该引擎室js编写的,通常位于页面的框架中,负责转发客户端和服务器之间的交互。另外,

通过js调用AJAX引擎,可以使得页面不在被整体刷新,而仅仅更新用户需要的部分,不但避免了“白屏”现象,还大大节省了带快,加快了

web浏览的速度。

好处可以归纳为几点:

1减轻服务器的负担,加快浏览速度。

2带来更好的用户体验。

3基于标准化并被广泛支持的技术,不需要下载插件或小程序。目前主流的浏览器都支持AJAX技术,使得它的推广十分顺畅。

4进一步促进页面呈现书数据分离。AJAX获取服务器可以完全利用单独的模块进行 *** 作,从而使得技术人员和美工人员能够更好的分工与配合。

AJAX的组成部分:是由4中技术组成的。

JAVAScript:是通用的脚本语言,用来嵌入在某种应用之中。AJAX应用程序是用JAVASCRIPT编写的。

CSS:CSS为WEB页面元素提供了可视化样式的定义方法。AJAX应用中,用户界面的样式可以通过CSS独立修改。

DOM:通过JS修改DOM,AJAX应用程序可以再运行时改变用户界面,或者局部更新页面中的某个节点

XML>

$("#btn1")click(function(){

$("div")data("greeting", "Hello World");

});

$("#btn2")click(function(){

alert($("div")data("greeting"));

});

定义和用法

data() 方法向被选元素附加数据,或者从被选元素获取数据。

这个似乎不用JS吧,写一段信息提取的程序就可以达到这种效果了,干什么还要写JS? 思路就是 把你需要的网页的部分 开始代码 结束代码 都用程序包含,程序检测到开始代码的时候就一直更新 当检测到结束代码,就停止更新,每天 或者每多少时间执行一次

以上就是关于JQ ajax()方法从服务器端返回数据append()到客户端页面上可以显示,但是console.log()获以不到元素对象全部的内容,包括:JQ ajax()方法从服务器端返回数据append()到客户端页面上可以显示,但是console.log()获以不到元素对象、谁能够帮我详细的介绍一下ajax啊、jquery ajax 怎么取data数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9414195.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存