jquery通过ajax加载一段文本内容的方法
更新时间：2015年01月15日 11:31:25 投稿：shichen2014
这篇文章主要介绍了jquery通过ajax加载一段文本内容的方法,是jQuery针对Ajax的灵活应用,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jquery通过ajax加载一段文本内容的方法。分享给大家供大家参考。具体分析如下：
这是w3school官网提供的一个简单的例子，注意编码问题，否则可能会出现乱码。代码如下：
复制代码 代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
var htmlObj = $.ajax({url:"ab.txt",async:false});//$.ajax() 返回其创建的 XMLHttpRequest 对象
$("#myDiv").html(htmlObj.responseText);
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>hello world</h2></div>
<button>改变内容jquery-ajax</button>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
var htmlObj = $.ajax({url:"ab.txt",async:false});//$.ajax() 返回其创建的 XMLHttpRequest 对象
$("#myDiv").html(htmlObj.responseText);
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>hello world</h2></div>
<button>改变内容jquery-ajax</button>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
![JQuery 无废话系列教程(一) jquery入门 [推荐]](//img.jbzj.com/images/xgimg/bcimg0.png)
JQuery 无废话系列教程(一) jquery入门 [推荐]
贝壳(就是本文作者了)也属于刚刚会用点JQuery的那一类型, 在学习过程中也遇到挺多问题,特别是在开始入门的时候.一直准备写些有关JQuery的文章,但又恐自己文笔及表达能力有限而"误人子弟",最终还是鼓起勇气. 如在文章中有错误或者不合适的理解望广大朋友直接指出批评.2009-06-06
该实现的主要思想是：获取鼠标点击的表头单元格的列号，遍历数据行，获取每个<tr>中的html，同时获取每个<tr>标签下对应获取到的列号的<td>标签中的内容，并取得<th>标签的type属性值，需要的朋友可以了解下2012-12-12
这篇文章主要介绍了jQuery简单实现QQ空间点赞已经取消点赞的代码，非常的好用，这里推荐给大家，有需要的小伙伴参考下。2015-04-04
jquery用get实现ajax在ie里面刷新不进入后台解决方法
jquery用get实现ajax在ie里面刷新不进入后台的情况想必大家都有遇到过吧，下面与大家分享下具体的解决方法，希望对大家解决问题有所帮助2013-08-08
这篇文章主要介绍了jQuery+AJAX实现网页无刷新上传的相关资料，十分详细,需要的朋友可以参考下2015-02-02
在用Maxthon的时候无意看到一个浮动框，把它改成基于jquery的，扩展性比较好，发来分享下。2010-08-08
jquery1.4已经发布了，1.4相对于1.32的改进还是非常巨大的，可以说是全面性的，性能也全面超越了1.32。这一周，将一一展示jquery1.4的改进，同时也会放出相应的demo。2010-02-02
JQuery操作textarea,input,select,checkbox方法
本文给大家汇总介绍了一些JQuery操作textarea,input,select,checkbox的方法和技巧，十分的简单实用，都是小编项目中使用过的，这里推荐给大家。2015-09-09
jquery1.10去除了.live()方法，新增了一个.on()方法来给元素绑定事件，下面有个不错的示例，大家可以参考下2014-03-03
下面小编就为大家带来一篇浅谈EasyUI常用控件的禁用方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
![JQuery 无废话系列教程(一) jquery入门 [推荐]](http://img.jbzj.com/images/xgimg/bcimg0.png)
最新评论