當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery Ajax

發(fā)布時(shí)間：2023/11/29 编程问答 22 豆豆

生活随笔收集整理的這篇文章主要介紹了 jQuery Ajax 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

jQuery load()方法：是簡單但強(qiáng)大的Ajax 方法load() 方法從服務(wù)器(URL,data,callback);必須的URL 參數(shù)規(guī)定您希望架加載的URL可選的data參數(shù) 規(guī)定與請(qǐng)求一同發(fā)送的差字符串鍵/值對(duì)集合。可選的callback參數(shù)時(shí)load()方法完成后所執(zhí)行的函數(shù)名稱$(documnet).ready(function(){$('button').click(function(){$('#div1').load('文件的地址')});});<div id='div1'><p>使用 jQuery AJAX</p></div><button>獲取外部內(nèi)容</button> callback 參數(shù)規(guī)定當(dāng)load()方法完成后所要運(yùn)行的回調(diào)函數(shù)。回調(diào)函數(shù)可以設(shè)置不同的參數(shù)：responseTxt - 包含調(diào)用成功時(shí)的結(jié)果內(nèi)容statusTXT - 包含調(diào)用的狀態(tài)xhr - 包含 XMLHttpRequest 對(duì)象$(document).ready(function(){$("button").click(function(){$("#div1").load("/statics/demosource/demo_test.txt",function(responseTxt,statusTxt,xhr){if(statusTxt=="success")alert("外部內(nèi)容加載成功!");if(statusTxt=="error")alert("Error: "+xhr.status+": "+xhr.statusText);});});});</script></head><body><div id="div1"><h2>使用 jQuery AJAX 修改該文本</h2></div><button>獲取外部內(nèi)容</button> jQuery Ajax get() 和 post() 方法用于通過 HTTP GET 或 POST 請(qǐng)求從服務(wù)器請(qǐng)求數(shù)據(jù)。HTTP 請(qǐng)求： GET vs POSTGET 從指定的資源請(qǐng)求數(shù)據(jù)POST 向指定的資源提交要處理的數(shù)據(jù)GET 基本上用于從服務(wù)器上(取回)數(shù)據(jù)注意：GET 方法可能存在緩存數(shù)據(jù)、POST 也可用于從服務(wù)器獲取。不過POST 方法不會(huì)緩存數(shù)據(jù) ，并且常用于連同請(qǐng)求一起發(fā)送數(shù)據(jù)、$.get() 方法通過HTTP GET 請(qǐng)求從服務(wù)器上請(qǐng)求數(shù)據(jù).$.get(URL,callback)必須的URL 參數(shù)規(guī)定您希望請(qǐng)求的URL可選的callback 參數(shù)是請(qǐng)求成功后所執(zhí)行的函數(shù)名$(document).ready(function(){#('button').click(function(){$.get("/static/demosource/demo_test.php",function(data,status){alert(data+status);});});});$.post() 方法通過 HTTP POST 請(qǐng)求從服務(wù)器上請(qǐng)求數(shù)據(jù)。語法：$.post(URL,data,callback); 必需的 URL 參數(shù)規(guī)定您希望請(qǐng)求的 URL。可選的 data 參數(shù)規(guī)定連同請(qǐng)求發(fā)送的數(shù)據(jù)。可選的 callback 參數(shù)是請(qǐng)求成功后所執(zhí)行的函數(shù)名。$(document).ready(function(){$('button').click(function(){$.post("/static/demosourse/demo_test_post.php"),{name:'dsfds',url:'http://www.w3cschool.cn',},function(data,status){alert(data_status);});});});

轉(zhuǎn)載于:https://www.cnblogs.com/yanxiatingyu/p/9488074.html

總結(jié)

以上是生活随笔為你收集整理的jQuery Ajax的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

jquery
Ajax