jquery的使用方法

使用步驟如下：

1.jQuery給放到一個(gè)文件夾里面,方便我們待會(huì)引用這個(gè)jQuery,這里我就放到我項(xiàng)目的js文件夾里面。

2.然后我們來開始編輯HTML界面代碼。

3.使用script標(biāo)簽把jQuery引入到我們的HTML界面。src引號(hào)里面的就是我們的jQuery路徑名稱。

4.接著再書寫一個(gè)script標(biāo)簽對(duì),里面寫上jQuery入口函數(shù),這樣,當(dāng)我們的HTML加載完成之后就會(huì)執(zhí)行我們的jQuery代碼

jquery ajax請(qǐng)求的五個(gè)步驟

1、使用ajax發(fā)送數(shù)據(jù)的步驟

第一步：創(chuàng)建異步對(duì)象

var xhr = new XMLHttpRequest();

第二步：設(shè)置 請(qǐng)求行 open(請(qǐng)求方式，請(qǐng)求url):

// get請(qǐng)求如果有參數(shù)就需要在url后面拼接參數(shù)，

// post如果有參數(shù)，就在請(qǐng)求體中傳遞 xhr.open("get","validate.php?username="+name)

xhr.open("post","validate.php");

第三步：設(shè)置請(qǐng)求（GET方式忽略此步驟）頭:setRequestHeader()

// 1.get不需要設(shè)置

// 2.post需要設(shè)置請(qǐng)求頭：Content-Type:application/x-www-form-urlencoded

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

第四步：設(shè)置請(qǐng)求體 send()

// 1.get的參數(shù)在url拼接了，所以不需要在這個(gè)函數(shù)中設(shè)置

// 2.post的參數(shù)在這個(gè)函數(shù)中設(shè)置(如果有參數(shù))

xhr.send(null) xhr.send("username="+name);

第五步：讓異步對(duì)象接收服務(wù)器的響應(yīng)數(shù)據(jù)

一個(gè)成功的響應(yīng)有兩個(gè)條件：

xhr.onreadystatechange = function(){ ?

????if(xhr.status == 200 xhr.readyState == 4){?

?????????console.log(xhr.responseText);?

?}

ajax-get方式請(qǐng)求案例：

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方式請(qǐng)求案例：

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)，判斷異步對(duì)象的響應(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",// 請(qǐng)求的url地址

data: {},//請(qǐng)求的參數(shù)

dataType: "json",//json寫了jq會(huì)幫我們轉(zhuǎn)換成數(shù)組或者對(duì)象 他已經(jīng)用JSON.parse弄好了

timeout: 3000,//3秒后提示錯(cuò)誤

beforeSend: function () {

// 發(fā)送之前就會(huì)進(jìn)入這個(gè)函數(shù)

// return false 這個(gè)ajax就停止了不會(huì)發(fā) 如果沒有return false 就會(huì)繼續(xù)

},

success: function (data) { // 成功拿到結(jié)果放到這個(gè)函數(shù) data就是拿到的結(jié)果

},

error: function () {//失敗的函數(shù)

},

complete: function () {//不管成功還是失敗 都會(huì)進(jìn)這個(gè)函數(shù)

}

})

// 常用

$.ajax({

type: "get",

url: "",

data: {},

dataType: "json",

success: function (data) {

}

})

$.ajax() 都可以發(fā)

$.post(url,data,success,datatype):本質(zhì)上只能發(fā)送post請(qǐng)求

$.get(url,data,success,datatype):本質(zhì)上只能發(fā)送get請(qǐng)求

應(yīng)用jQuery進(jìn)行編程的一般步驟是什么

使用jquery很簡(jiǎn)單。

你只要在你的頁面head里面引用jquery.js庫，然后再根據(jù)它的API里面提供的語法，來進(jìn)行你要的編程就可以了。使用jquery比使用原生的JavaScript要簡(jiǎn)潔的多，而且可以避免一些瀏覽器的兼容性問題。

jquery項(xiàng)目怎么部署

自己搭建一個(gè)jQuery的項(xiàng)目的步驟：

一：創(chuàng)建遠(yuǎn)程倉庫

二：將遠(yuǎn)程倉庫克隆到本地

三：搭建項(xiàng)目源文件目錄結(jié)構(gòu)

四：添加gulp功能（請(qǐng)保證電腦全局安裝了NodeJS否則使用不了npm命令）

五：生成.gitignore文件

六：提交初始版本（本地版本庫）

七：推送到遠(yuǎn)程倉庫

你在公司是怎么用jquery的?

在公司使用jQuery插件，使用方法有如下幾個(gè)步驟：

一、調(diào)用庫文件

使用jQuery必須鏈接jQuery的庫文件，無論是壓縮版還是正常版，必須至少在網(wǎng)頁中鏈接一個(gè)，如：

script type="text/javascript" src="jquery.js"/script

二、調(diào)用Jquery插件

應(yīng)用做好的jQuery插件效果。

比如jQuery官網(wǎng)制作的插件jQuery，在使用它時(shí)不僅要鏈接庫文件，還要鏈接UI文件以及UI的CSS文件。