使用jquery很簡單。
站在用戶的角度思考問題,與客戶深入溝通,找到青白江網(wǎng)站設(shè)計與青白江網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋青白江地區(qū)。
你只要在你的頁面head里面引用jquery.js庫,然后再根據(jù)它的API里面提供的語法,來進(jìn)行你要的編程就可以了。使用jquery比使用原生的JavaScript要簡潔的多,而且可以避免一些瀏覽器的兼容性問題。
1、使用ajax發(fā)送數(shù)據(jù)的步驟
第一步:創(chuàng)建異步對象
var xhr = new XMLHttpRequest();
第二步:設(shè)置 請求行 open(請求方式,請求url):
// get請求如果有參數(shù)就需要在url后面拼接參數(shù),
// post如果有參數(shù),就在請求體中傳遞 xhr.open("get","validate.php?username="+name)
xhr.open("post","validate.php");
第三步:設(shè)置請求(GET方式忽略此步驟)頭:setRequestHeader()
// 1.get不需要設(shè)置
// 2.post需要設(shè)置請求頭:Content-Type:application/x-www-form-urlencoded
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
第四步:設(shè)置請求體 send()
// 1.get的參數(shù)在url拼接了,所以不需要在這個函數(shù)中設(shè)置
// 2.post的參數(shù)在這個函數(shù)中設(shè)置(如果有參數(shù))
xhr.send(null) xhr.send("username="+name);
第五步:讓異步對象接收服務(wù)器的響應(yīng)數(shù)據(jù)
一個成功的響應(yīng)有兩個條件:
xhr.onreadystatechange = function(){ ?
if(xhr.status == 200 xhr.readyState == 4){?
console.log(xhr.responseText);?
}
ajax-get方式請求案例:
var xhr = new XMLHttpRequest();?
xhr.open("get","validate.php?username="+name);?
xhr.send(null);?
xhr.onreadystatechange = function(){?
if(xhr.status == 200 xhr.readyState == 4){
console.log(xhr.responseText);
document.querySelector(".showmsg").innerHTML = xhr.responseText;;
}
}
ajax-post方式請求案例:
var xhr = new XMLHttpRequest();
xhr.open("post","validate.php");
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.send("username="+name);
xhr.onreadystatechange = function(){
// 判斷服務(wù)器是否響應(yīng),判斷異步對象的響應(yīng)狀態(tài)
if(xhr.status == 200 xhr.readyState == 4){
document.querySelector(".showmsg").innerHTML = xhr.responseText;
}
}
二、Jquery中的Ajax
$.ajax({
type: "get",// get或者post
url: "abc.php",// 請求的url地址
data: {},//請求的參數(shù)
dataType: "json",//json寫了jq會幫我們轉(zhuǎn)換成數(shù)組或者對象 他已經(jīng)用JSON.parse弄好了
timeout: 3000,//3秒后提示錯誤
beforeSend: function () {
// 發(fā)送之前就會進(jìn)入這個函數(shù)
// return false 這個ajax就停止了不會發(fā) 如果沒有return false 就會繼續(xù)
},
success: function (data) { // 成功拿到結(jié)果放到這個函數(shù) data就是拿到的結(jié)果
},
error: function () {//失敗的函數(shù)
},
complete: function () {//不管成功還是失敗 都會進(jìn)這個函數(shù)
}
})
// 常用
$.ajax({
type: "get",
url: "",
data: {},
dataType: "json",
success: function (data) {
}
})
$.ajax() 都可以發(fā)
$.post(url,data,success,datatype):本質(zhì)上只能發(fā)送post請求
$.get(url,data,success,datatype):本質(zhì)上只能發(fā)送get請求
自己搭建一個jQuery的項目的步驟:
一:創(chuàng)建遠(yuǎn)程倉庫
二:將遠(yuǎn)程倉庫克隆到本地
三:搭建項目源文件目錄結(jié)構(gòu)
四:添加gulp功能(請保證電腦全局安裝了NodeJS否則使用不了npm命令)
五:生成.gitignore文件
六:提交初始版本(本地版本庫)
七:推送到遠(yuǎn)程倉庫
1:引入jquery文件; 如:script src="jquery.js"/script
2:編寫jquery代碼如:
script
$(function(){
//jquery代碼...
});
/script
使用步驟如下:
1.jQuery給放到一個文件夾里面,方便我們待會引用這個jQuery,這里我就放到我項目的js文件夾里面。
2.然后我們來開始編輯HTML界面代碼。
3.使用script標(biāo)簽把jQuery引入到我們的HTML界面。src引號里面的就是我們的jQuery路徑名稱。
4.接著再書寫一個script標(biāo)簽對,里面寫上jQuery入口函數(shù),這樣,當(dāng)我們的HTML加載完成之后就會執(zhí)行我們的jQuery代碼
使用步驟如下:
1.jQuery給放到一個文件夾里面,方便我們待會引用這個jQuery,這里我就放到我項目的js文件夾里面。
2.然后我們來開始編輯HTML界面代碼。
3.使用script標(biāo)簽把jQuery引入到我們的HTML界面。src引號里面的就是我們的jQuery路徑名稱。
4.接著再書寫一個script標(biāo)簽對,里面寫上jQuery入口函數(shù),這樣,當(dāng)我們的HTML加載完成之后就會執(zhí)行我們的jQuery代碼
文章標(biāo)題:步驟jquery的簡單介紹
文章出自:http://www.rwnh.cn/article20/dssdsco.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、網(wǎng)站內(nèi)鏈、靜態(tài)網(wǎng)站、定制網(wǎng)站、關(guān)鍵詞優(yōu)化、營銷型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)