<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è)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery驗(yàn)證插件 Validate詳解
validate是一款很好的jq插件,提供了強(qiáng)大的驗(yàn)證功能，讓客戶端表單驗(yàn)證變得更簡單，同時(shí)提供了大量的定制選項(xiàng)，滿足應(yīng)用程序各種需求。該插件捆綁了一套有用的驗(yàn)證方法，包括 URL 和電子郵件驗(yàn)證，同時(shí)提供了一個用來編寫用戶自定義方法的 API。
2014-11-11
深入學(xué)習(xí)jQuery Validate表單驗(yàn)證（二）
這篇文章主要針對jQuery Validate表單驗(yàn)證為大家進(jìn)行詳細(xì)介紹，通過name屬性來關(guān)聯(lián)字段來驗(yàn)證，改變默認(rèn)的提示信息，將校驗(yàn)規(guī)則寫到j(luò)s代碼中，感興趣的小伙伴們可以參考一下
2016-01-01
詳解EasyUi控件中的Datagrid
這篇文章主要介紹了詳解EasyUi控件中的Datagrid的相關(guān)資料,需要的朋友可以參考下
2017-08-08
jquery實(shí)現(xiàn)input框獲取焦點(diǎn)的簡單實(shí)例
下面小編就為大家?guī)硪黄猨query實(shí)現(xiàn)input框獲取焦點(diǎn)的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-01-01
Jquery-data的三種用法
本篇文章主要介紹了Jquery-data的三種用法。具有很好的參考價(jià)值。下面跟著小編一起來看下吧
2017-04-04
JQuery 1.3.2以上版本中出現(xiàn)pareseerror錯誤的解決方法
最近正在做一個系統(tǒng)，測試組那邊不停的報(bào)告bug：后臺、前臺各種列表報(bào)告js彈出窗錯誤，內(nèi)容僅僅是一句“pareseerror”！
2011-01-01
jQuery 選擇器用法基礎(chǔ)入門示例
這篇文章主要介紹了jQuery 選擇器用法,結(jié)合實(shí)例形式詳細(xì)分析了jQuery選擇器的基本功能、使用方法及操作注意事項(xiàng),需要的朋友可以參考下
2020-01-01
jquery validate demo 基礎(chǔ)
本文通過一段jquery代碼給大家詳解jquery validate基礎(chǔ)，本文代碼簡單，非常具有參考借鑒價(jià)值，感興趣的朋友一起參考下
2015-10-10
jQuery如何獲取動態(tài)添加的元素
這篇文章主要介紹了jQuery如何獲取動態(tài)添加的元素的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
jquery 實(shí)現(xiàn)滾動條下拉時(shí)無限加載的簡單實(shí)例
下面小編就為大家?guī)硪黄猨query 實(shí)現(xiàn)滾動條下拉時(shí)無限加載的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06