真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

jquery和vue中的ajax有哪些區(qū)別

這篇文章主要介紹了jquery和vue中的ajax有哪些區(qū)別的相關(guān)知識(shí),內(nèi)容詳細(xì)易懂,操作簡單快捷,具有一定借鑒價(jià)值,相信大家閱讀完這篇jquery和vue中的ajax有哪些區(qū)別文章都會(huì)有所收獲,下面我們一起來看看吧。

十余年的晉寧網(wǎng)站建設(shè)經(jīng)驗(yàn),針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。網(wǎng)絡(luò)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整晉寧建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)公司從事“晉寧網(wǎng)站設(shè)計(jì)”,“晉寧網(wǎng)站推廣”以來,每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

區(qū)別:1、jquery中的ajax方法可以直接調(diào)用,而vue中不可以直接調(diào)用,因?yàn)関ue本身不支持ajax請求,需要借助指定的插件才能實(shí)現(xiàn);2、jquery中執(zhí)行異步HTTP請求,語法為“$.ajax({type:...,url:...,data:...,success:...,dataType:...})”,而vue中借助插件的語法為“axios.get(url...)”。

本教程操作環(huán)境:windows10系統(tǒng)、jquery3.4.1版本、Dell G3電腦。

jquery和vue中的ajax區(qū)別

jQuery中的ajax

ajax() 方法用于執(zhí)行 AJAX(異步 HTTP)請求。

1.$.ajax()是jQuery中底層ajax實(shí)現(xiàn),更高層的是$.get和$.post方法;

$(document).ready(function(){
  $("#b01").click(function(){
  htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
  $("#myDiv").html(htmlobj.responseText);
  });
});

2.$.get方法,請求成功時(shí)的操作,如果想有請求失敗時(shí)的操作,要使用$.ajax()

$(selector).get(url,data,success(response,status,xhr),dataType)
$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

是$.ajax的簡寫

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

例子:

jquery和vue中的ajax有哪些區(qū)別

3.$.post方法

$("input").keyup(function(){
  txt=$("input").val();
  $.post("demo_ajax_gethint.asp",{suggest:txt},function(result){
    $("span").html(result);
  });
});

是下面的簡寫

$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

4.$.getJSON()

通過HTTP get請求獲得json數(shù)據(jù)

jquery和vue中的ajax有哪些區(qū)別

是下面的簡寫

jquery和vue中的ajax有哪些區(qū)別

5.兩個(gè)重要的方法

.serialize()   將表單內(nèi)容序列化為字符串;

.serializeArray()  序列化表單元素,返回JSON數(shù)據(jù)結(jié)構(gòu)數(shù)據(jù)。

VUE中的Ajax

vue本身不支持ajax請求,需要借助vue-resource,axios插件

vue2官方推薦axios,是一個(gè)基于Promise的HTTP請求客戶端,不再對vue-resource進(jìn)行維護(hù)和更新;

axios([options])  
axios.get(url[,options]);

傳參方式:

1.通過url傳參

2.通過params選項(xiàng)傳參

axios.post(url,data,[options]);

axios默認(rèn)發(fā)送數(shù)據(jù)時(shí),數(shù)據(jù)格式是Request Payload,并非我們常用的Form Data格式,

所以參數(shù)必須要以鍵值對形式傳遞,不能以json形式傳參

傳參方式:

1.自己拼接為鍵值對

2.使用transformRequest,在請求發(fā)送前將請求數(shù)據(jù)進(jìn)行轉(zhuǎn)換

3.如果使用模塊化開發(fā),可以使用qs模塊進(jìn)行轉(zhuǎn)換

axios本身并不支持發(fā)送跨域的請求,沒有提供相應(yīng)的API,作者也暫沒計(jì)劃在axios添加支持發(fā)送跨域請求,所以只能使用第三方庫

關(guān)于“jquery和vue中的ajax有哪些區(qū)別”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對“jquery和vue中的ajax有哪些區(qū)別”知識(shí)都有一定的了解,大家如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。


網(wǎng)站題目:jquery和vue中的ajax有哪些區(qū)別
本文路徑:http://weahome.cn/article/jsdgdh.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部