jQuery结合ajax实现动态加载文本内容


Posted in Javascript onMay 19, 2015

ajax() 方法通过 HTTP 请求加载远程数据。

该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。

最简单的情况下,$.ajax() 可以不带任何参数直接使用。

通过 AJAX 加载一段文本:

jQuery 代码:

$(document).ready(function(){
 $("#b01").click(function(){
 htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
 $("#myDiv").html(htmlobj.responseText);
 });
});

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
Jun 28 Javascript
Javascript图像处理—亮度对比度应用案例
Jan 03 Javascript
JS实现Enter键跳转及控件获得焦点
Aug 12 Javascript
仿百度输入框智能提示的js代码
Aug 22 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
Dec 04 Javascript
jquery easyui使用心得
Jul 07 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
Jan 09 Javascript
JavaScript表单验证实例之验证表单项是否为空
Jan 10 Javascript
深入理解Angular2 模板语法
Aug 07 Javascript
Textarea输入字数限制实例(兼容iOS&安卓)
Jul 06 Javascript
js实现动态增加文件域表单功能
Oct 22 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
Sep 02 Javascript
jQuery实现在列表的首行添加数据
May 19 #Javascript
jQuery中 prop() attr()使用详解
May 19 #Javascript
javascript实现获取服务器时间
May 19 #Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
May 19 #Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
May 19 #Javascript
7个有用的jQuery代码片段分享
May 19 #Javascript
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
May 19 #Javascript
You might like
海贼王动画变成“真人”后,凯多神还原,雷利太帅了!
2020/04/09 日漫
十天学会php(1)
2006/10/09 PHP
使用adodb lite解决问题
2006/12/31 PHP
解析数组非数字键名引号的必要性
2013/08/09 PHP
PHP生成指定长度随机数最简洁的方法
2014/07/14 PHP
PHP实现支持GET,POST,Multipart/form-data的HTTP请求类
2014/09/24 PHP
php中实现获取随机数组列表的自定义函数
2015/04/02 PHP
详解js异步文件加载器
2016/01/24 PHP
php实现数字补零的方法总结
2018/09/12 PHP
Mac下快速搭建PHP开发环境步骤详解
2019/05/05 PHP
一个无限级XML绑定跨框架菜单(For IE)
2007/01/27 Javascript
基于Jquery的表格隔行换色,移动换色,点击换色插件
2010/12/22 Javascript
jQuery中insertAfter()方法用法实例
2015/01/08 Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
2015/03/05 Javascript
javascript实现超炫的向上滑行菜单实例
2015/08/03 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
2015/08/08 Javascript
js实现网站最上边可关闭的浮动广告条代码
2015/09/04 Javascript
在Web项目中引入Jquery插件报错的完美解决方案(图解)
2016/09/19 Javascript
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
2017/09/14 Javascript
Phaser.js实现简单的跑酷游戏附源码下载
2018/10/26 Javascript
其实你可以少写点if else与switch(推荐)
2019/01/10 Javascript
javascript系统时间设置操作示例
2019/06/17 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
2019/10/28 Javascript
原生js实现二级联动菜单
2019/11/27 Javascript
Python实现的一个自动售饮料程序代码分享
2014/08/25 Python
详解python的数字类型变量与其方法
2016/11/20 Python
python验证码识别的示例代码
2017/09/21 Python
python滑块验证码的破解实现
2019/11/10 Python
细数nn.BCELoss与nn.CrossEntropyLoss的区别
2020/02/29 Python
PyCharm 2020.1版安装破解注册码永久激活(激活到2089年)
2020/09/24 Python
python调用有道智云API实现文件批量翻译
2020/10/10 Python
HTML5本地数据库基础操作详解
2016/04/26 HTML / CSS
使用phonegap播放音频的实现方法
2017/03/31 HTML / CSS
公司安全管理制度范本
2015/08/05 职场文书
nginx共享内存的机制详解
2022/03/21 Servers