快捷導(dǎo)航

jquery通過(guò)ajax加載一段文本內(nèi)容的方法

更新時(shí)間：2015年01月15日 11:31:25 投稿：shichen2014

這篇文章主要介紹了jquery通過(guò)ajax加載一段文本內(nèi)容的方法,是jQuery針對(duì)Ajax的靈活應(yīng)用,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jquery通過(guò)ajax加載一段文本內(nèi)容的方法。分享給大家供大家參考。具體分析如下：

這是w3school官網(wǎng)提供的一個(gè)簡(jiǎn)單的例子，注意編碼問(wèn)題，否則可能會(huì)出現(xiàn)亂碼。代碼如下：

<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 對(duì)象

   $("#myDiv").html(htmlObj.responseText);

  });

 });

</script>

</head>

<body>

<div id="myDiv"><h2>hello world</h2></div>

<button>改變內(nèi)容jquery-ajax</button>

</body>

</html>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery學(xué)習(xí)筆記之jQuery.fn.init()的參數(shù)分析
這篇文章主要介紹了jQuery.fn.init()的參數(shù)分析,需要的朋友可以參考下
2014-06-06
jQuery pagination分頁(yè)示例詳解
這篇文章主要為大家詳細(xì)介紹了jQuery pagination分頁(yè)示例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-10-10
jquery.tmpl JQuery模板插件
在下面介紹一款jQuery的模板插件 tmpl，是由微軟想jQuery官方貢獻(xiàn)的模板插件
2011-10-10
30個(gè)精美的jQuery幻燈片效果插件和教程
這篇文章與大家分享30個(gè)精美的的 jQuery 幻燈片效果插件和教程。您可能經(jīng)常能看到一些網(wǎng)站上特色區(qū)域的內(nèi)容以滾動(dòng)方式變化
2011-08-08
jquery中用jsonp實(shí)現(xiàn)搜索框功能
這篇文章主要為大家詳細(xì)介紹了jquery中用jsonp實(shí)現(xiàn)搜索框功能的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
jquery的ajax跨域請(qǐng)求原理和示例
這篇文章主要介紹了jquery的ajax跨域請(qǐng)求原理和示例,需要的朋友可以參考下
2014-05-05
jQuery操作attr、prop、val()/text()/html()、class屬性
這篇文章主要介紹了jQuery操作attr、prop、val()/text()/html()、class屬性，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-05-05
JQuery與iframe交互實(shí)現(xiàn)代碼
JQuery與iframe交互實(shí)現(xiàn)代碼
2009-12-12
flexigrid 類(lèi)似ext grid的JS表格代碼
flexigrid是類(lèi)似ext grid的JS表格，不過(guò)基于jQuery，目前只是beta版，例子不十分完整。
2010-07-07
jquery picswitch圖片焦點(diǎn)圖展示效果
jquery pictureswitch制作圖片展示效果實(shí)現(xiàn)代碼，對(duì)于想用jquery實(shí)現(xiàn)焦點(diǎn)圖效果的朋友可以參考下。
2010-05-05