jquery通過ajax加載一段文本內(nèi)容的方法
更新時間：2015年01月15日 11:31:25 投稿：shichen2014
這篇文章主要介紹了jquery通過ajax加載一段文本內(nèi)容的方法,是jQuery針對Ajax的靈活應用,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jquery通過ajax加載一段文本內(nèi)容的方法。分享給大家供大家參考。具體分析如下：
這是w3school官網(wǎng)提供的一個簡單的例子，注意編碼問題，否則可能會出現(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 對象
$("#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程序設計有所幫助。
相關文章
validate是一款很好的jq插件,提供了強大的驗證功能，讓客戶端表單驗證變得更簡單，同時提供了大量的定制選項，滿足應用程序各種需求。該插件捆綁了一套有用的驗證方法，包括 URL 和電子郵件驗證，同時提供了一個用來編寫用戶自定義方法的 API。2014-11-11
這篇文章主要針對jQuery Validate表單驗證為大家進行詳細介紹，通過name屬性來關聯(lián)字段來驗證，改變默認的提示信息，將校驗規(guī)則寫到js代碼中，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了詳解EasyUi控件中的Datagrid的相關資料,需要的朋友可以參考下2017-08-08
下面小編就為大家?guī)硪黄猨query實現(xiàn)input框獲取焦點的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
本篇文章主要介紹了Jquery-data的三種用法。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
JQuery 1.3.2以上版本中出現(xiàn)pareseerror錯誤的解決方法
最近正在做一個系統(tǒng)，測試組那邊不停的報告bug：后臺、前臺各種列表報告js彈出窗錯誤，內(nèi)容僅僅是一句“pareseerror”！2011-01-01
這篇文章主要介紹了jQuery 選擇器用法,結合實例形式詳細分析了jQuery選擇器的基本功能、使用方法及操作注意事項,需要的朋友可以參考下2020-01-01
本文通過一段jquery代碼給大家詳解jquery validate基礎，本文代碼簡單，非常具有參考借鑒價值，感興趣的朋友一起參考下2015-10-10
這篇文章主要介紹了jQuery如何獲取動態(tài)添加的元素的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
jquery 實現(xiàn)滾動條下拉時無限加載的簡單實例
下面小編就為大家?guī)硪黄猨query 實現(xiàn)滾動條下拉時無限加載的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06