jquery通過ajax加載一段文本內(nèi)容的方法
更新時間：2015年01月15日 11:31:25 投稿：shichen2014
這篇文章主要介紹了jquery通過ajax加載一段文本內(nèi)容的方法,是jQuery針對Ajax的靈活應(yīng)用,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jquery通過ajax加載一段文本內(nèi)容的方法。分享給大家供大家參考。具體分析如下：
這是w3school官網(wǎng)提供的一個簡單的例子，注意編碼問題，否則可能會出現(xiàn)亂碼。代碼如下：
復(fù)制代碼 代碼如下:
<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() 返回其創(chuàng)建的 XMLHttpRequest 對象
$("#myDiv").html(htmlObj.responseText);
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>hello world</h2></div>
<button>改變內(nèi)容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() 返回其創(chuàng)建的 XMLHttpRequest 對象
$("#myDiv").html(htmlObj.responseText);
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>hello world</h2></div>
<button>改變內(nèi)容jquery-ajax</button>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
jQuery學(xué)習(xí)筆記之jQuery.fn.init()的參數(shù)分析
這篇文章主要介紹了jQuery.fn.init()的參數(shù)分析,需要的朋友可以參考下2014-06-06
這篇文章主要為大家詳細(xì)介紹了jQuery pagination分頁示例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
在下面介紹一款jQuery的模板插件 tmpl，是由微軟想jQuery官方貢獻(xiàn)的模板插件2011-10-10
這篇文章與大家分享30個精美的的 jQuery 幻燈片效果插件和教程。您可能經(jīng)常能看到一些網(wǎng)站上特色區(qū)域的內(nèi)容以滾動方式變化2011-08-08
這篇文章主要為大家詳細(xì)介紹了jquery中用jsonp實現(xiàn)搜索框功能的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了jquery的ajax跨域請求原理和示例,需要的朋友可以參考下2014-05-05
jQuery操作attr、prop、val()/text()/html()、class屬性
這篇文章主要介紹了jQuery操作attr、prop、val()/text()/html()、class屬性 ，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
JQuery與iframe交互實現(xiàn)代碼2009-12-12
flexigrid是類似ext grid的JS表格，不過基于jQuery，目前只是beta版，例子不十分完整。2010-07-07
jquery pictureswitch制作圖片展示效果實現(xiàn)代碼，對于想用jquery實現(xiàn)焦點圖效果的朋友可以參考下。2010-05-05