使用load()方法异步请求数据
使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为:
load(url,[data],[callback])
参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。
例如,点击“加载”按钮时,向服务器请求加载一个指定页面的内容,加载成功后,将数据内容显示在
元素中,并将加载按钮变为不可用。如下图所示:
在浏览器中显示的效果:
从图中可以看出,当点击“加载”按钮时,通过调用load()方法向服务器请求加载fruit.html文件中的内容,当加载成功后,先显示数据,并将按钮变为不可用。
任务
我来试试,亲自调用load()方法加载服务器文件中指定的元素内容
在下列代码的第26行,调用load()方法加载服务器文件 http://www.imooc.com/data/fruit_part.html 中全部的li元素内容。
摘要:addEventListener() 方法,事件监听 addEventListener() 方法,事件监听 你可以使用 removeEventListener() 方法来移除事件的监听。 语法 element.addEventListener(event, function, useCapture)
阅读全文
摘要:作用域的几个概念: 1、JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里. 2、全局变量拥有全局作用域,函数内声明的变量只在函数体内有定义,作用域是局部性的。 3、 在函数体内,局部变量的优先级高于全局变量。 4、 定义全局变量的时候可以不需要var进行声明,定义局
阅读全文
摘要:关于javascript中的call方法,网上查了一些资料总是不得详解。总结网上的观点,call有两个妙用: 1: 继承。(不太喜欢这种继承方式。) 2: 修改函数运行时的this指针。 js中关于call的解释如下: js关于call的这份文档容易让人迷糊。而《javascript权威指南》对ca
阅读全文
摘要:JavaScript RegExp 对象 RegExp 对象 RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。 直接量语法 /pattern/attributes 创建 RegExp 对象的语法: new RegExp(pattern, attributes); 参数 参数 p
阅读全文
摘要:vue实战总结 vue实战总结 仿饿了么外卖APP,部分总结以及部分实现如下: App.vue 1.App.vue在HTML中使用router-link标签来导航,默认被渲染成一个a标签,通过传入to属性指定链接; <div class="tab-item"> <router-link to="/g
阅读全文