jquery通过ajax加载一段文本内容的方法_jquery

本文实例讲述了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>

希望本文所述对大家的jQuery程序设计有所帮助。

时间: 2024-09-17 03:50:14

jquery通过ajax加载一段文本内容的方法_jquery的相关文章

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"&g

jQuery mobile ajax加载数据后没有样式,麻烦帮帮忙谢谢!

问题描述 jQuery mobile ajax加载数据后没有样式,麻烦帮帮忙谢谢! // $.ajax({ type: 'post' url: ajaxUrl //<%=request.getParameter("""")%> data: {id:p_idcur_page:curpage} dataType: 'json' success: function (data) { //判断返回的集合是否为空 if(data.examInfoList!=nul

jquery实现ajax加载超时提示的方法_jquery

本文实例讲述了jquery实现ajax加载超时提示的方法.分享给大家供大家参考,具体如下: index.php <!doctype html> <html> <head> <meta charset="utf-8"/> <title>加载超时</title> <script type="text/javascript" src="http://lib.sinaapp.com/js

JQuery实现Ajax加载图片的方法_jquery

本文实例讲述了JQuery实现Ajax加载图片的方法.分享给大家供大家参考,具体如下: 最近在学习JQuery,想从原理上模拟一下无刷新的相册浏览. 最先想到的思路是利用缓存,也就是先显示提示消息,然后get图片,在get完的时候回调,将img标签的src改掉,由于刚刚get过,有了缓存,所以图片会立刻显示出来. 页面元素: <input class="picbtn" type="button" value="Next" /> <

jquery mobile ajax加载后不能展开

问题描述 jquery mobile ajax加载后不能展开 各位大神帮忙看一下感激不尽 这是静态页面写的代码 可以正常的展开 收起 <div data-role="collapsible" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" class="ui-collapsible ui-collapsible-inset ui-first-child ui-c

asp.net+jquery滚动滚动条加载数据的下拉控件_jquery

这样的需求貌似自己感觉不是很合理,因为数据多了如此下拉无论从人还是机器操作都比较痛苦. 没办法由于需求下来了,只能按需求操作.网上找了很多相关控件都感觉有点庞大,占资源比较多.没办法自己花半天时间弄出个半成品自定义控件,拿出来分享下,如有高手看了请多指点. 需求:AJAX滚动滚动条加载数据的下拉列表 控件名称:Webcombo 所用技术:ASP.NET(C#),jQuery,ASP.NET一般处理文件(.ashx) 下拉列表具体实现:用DIV模拟下拉列表,input和图片模拟下拉框.最终结果如下

jQuery中ajax的使用与缓存问题的解决方法_jquery

1:GET访问 浏览器 认为 是等幂的就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配]所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果 POST则 认为是一个 变动性 访问 (浏览器 认为 POST的提交 必定是 有改变的) 防止 GET 的 等幂 访问 就在URL后面加上 ?+new Date();,[总之就是使每次访问的URL字符串不一样的] 设计WEB页面的时候 也应该遵守这个原则 2:一.谈Ajax的Get和Post的区别

JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法_jquery

网上答案说是因为Easy-ui在低版本时应将class样式删去,而在javascript里写url,因为class里有url的话javascript里也存在url,就会使页面刷新俩次,但是测试后没有解决我的问题,后来通过反复测试终于找到问题, <ul id="eva" style=" font-size:25px; "> </ul> 因为在页面写了style,将style里的样式删去就可以解决问题了,现附上完整的ajax动态树和Grid表格代

jquery动态增加text元素以及删除文本内容实例代码_jquery

这段代码是通过jquery动态增加限定数额的text(本例为5个) ,以及清除文本内容,用到了after()方法追加元素. <!--以下为script代码开始--> 复制代码 代码如下: <script> $(document).ready(function(){ var spotMax = 5;//限定添加text元素的总个数 var afterId = 0;//要追加元素的id var newId=1;//新生成text的id if($('table#vote').size()